设置包含滚动视图和react native的视图高度

时间:2019-01-08 18:49:18

标签: react-native view height scrollview

我试图在视图内设置滚动视图,并为此视图设置自动高度以完全适合父级内容。一切都包裹在ImageBackground中。

<ImageBackground source={{uri : 'url'}} style={{height: 350, width: null, flex: 1}}>
    <View style={{flex: 1, height: 310}}>
        <ScrollView contentContainerStyle={{flexGrow: 1}}>
            <View style={{flex : 1}}>
                <Text>
                    Simple text
                </Text>
            </View>
        </ScrollView>
    </View> 
<ImageBackground/>

实际上,视图的高度为:height: 310,但应该像这样:height:'auto'来填充整个父内容,在我的情况下为ImageBackground

1 个答案:

答案 0 :(得分:0)

尝试一下  宽度:“ 100%”  你可以在这里阅读文档 https://facebook.github.io/react-native/docs/dimensions