javascript – React Native:如何设置容器的高度和宽度?

前端之家收集整理的这篇文章主要介绍了javascript – React Native:如何设置容器的高度和宽度?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_502_0@
我目前有一个< TextInput>在< View>内有填充:15.我希望< TextInput>的宽度和高度覆盖< View>内的所有空格除了填充.

所以我尝试了var width = Dimensions.get(‘window’).width和以下内容,但< TextInput>遵守左侧的填充,但是当您继续键入时,它会超出右侧边距:

<View style = {{ padding: 15 }}> <TextInput style = {{ width: width }} /> </View>

那么如何才能让TextInput覆盖所有空间,高度和宽度,在View中还要遵守View的填充规则呢?

谢谢

解决方法

尝试将TextInput的样式设置为flex:1而不是获取宽度. Flex样式将自动填充您的视图并将填充留空.
<View style = {{ padding: 15 }}> <TextInput style = {{ flex: 1 }} /> </View>

猜你在找的JavaScript相关文章