react-native – 如何使用Navigator iside为View设置自动高度？

发布时间：2020-12-15 16:18:07 所属栏目：百科来源：网络整理

导读：我使用默认组件：View和Navigator.我想为View和Navigator设置自动高度,但是如果没有高度为View – Navigator的样式没有显示,就像这个有position：absolute. 如果在视图中设置组件文本 – 视图从子文本组件获取高低高度. 如果我为View设置’height：auto’ –

我使用默认组件：View和Navigator.我想为View和Navigator设置自动高度,但是如果没有高度为View – Navigator的样式没有显示,就像这个有position：absolute.
如果在视图中设置组件文本 – 视图从子文本组件获取高低高度.
如果我为View设置’height：auto’ – 此属性不起作用.

render() {
        return (
            <View style={{height: 'auto',backgroundColor: 'powderblue'}}>
                <Navigator
                    initialRoute={{ title: 'My Initial Scene',index: 0 }}
                    renderScene={(route,navigator) => {
                        return (
                            <MyScene
                                title={route.title}
                            />
                        )
                    }

                    }
                />
            </View>
        )
    }

解决方法

style = {{height：’auto’}}不起作用.您必须使用整数或使用flex.在这里,您可以看到选项的示例.

https://facebook.github.io/react-native/docs/height-and-width.html

您的代码将如下所示：

render() {
        return (
            <View style={{flex:1,backgroundColor: 'powderblue'}}>
                <Navigator
                    style={{flex:1}}
                    initialRoute={{ title: 'My Initial Scene',navigator) => {
                        return (
                            <MyScene
                                title={route.title}
                            />
                        )
                    }

                    }
                />
            </View>
        )
    }

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!