如何在React native中创建全局布局组件？

Question

我在项目中使用React Router流量，并且需要全局查看我的应用 因此我创建了一个名为layout的组件，但没有解决。 我的代码：

---布局组件

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

</View>
        );
    }

---登录组件

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

Answer 1

在组件中使用const data = [ { id: 1, broker: true }, { id: 2, broker: false }, { id: 3, broker: false }, { id: 4, broker: true }, { id: 5, broker: false }, { id: 6, broker: true }, { id: 7, broker: false }, { id: 8, broker: false }, { id: 9, broker: false }, ]; let result = data.reduce((a, cv) => { let len = a.length - 1; return (cv["broker"]) ? (a.push(cv), a) : (a[len]["chunks"] || (a[len]["chunks"] = []), a[len]["chunks"].push(cv), a); }, []); console.log(result);，以包括此组件的调用中包括的所有子代。

只需更新您的布局组件，如下所示：

this.props.children