Как создать компонент глобального макета в React native?

Question

Я использую React router flux в своем проекте, и мне нужно глобальное представление для моего приложения, поэтому я создал компонент с именем layout, но это не помогло.Мой код:

--- компонент макета

 render() {
        return (
<View style={[styles.container,styles.justify_center,styles.align_items_center]}>

</View>
        );
    }

--- компонент входа

render() {
        return (
 <layout>
<Text>Test</Text>
</layout>
        );
    }

Answer 1

Используйте this.props.children в компоненте, чтобы включить все дочерние элементы, включенные в вызов этого компонента.

Просто обновите компонент макета, как показано ниже:

render() {
  return (
    <View style={[styles.container,styles.justify_center,styles.align_items_center]}>
      {this.props.children}
    </View>
  );
}