Question

我使用默认组件：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>
        )
    }

Answer 1

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', index: 0 }}
                    renderScene={(route, navigator) => {
                        return (
                            <MyScene
                                title={route.title}
                            />
                        )
                    }

                    }
                />
            </View>
        )
    }

如何使用Navigator iside为View设置自动高度？

1 个答案: