修复儿童容器宽度问题

时间:2016-06-29 08:45:07

标签: react-native

我的孩子视图可能是不同的宽度,但它不会比父视图大。我该如何解决?

这是它现在看起来的截图:

enter image description here

2 个答案:

答案 0 :(得分:0)

您可以将父视图宽度设置为设备窗口宽度,如下所示:

var {height, width} = Dimensions.get('window');

在父视图中按照您的要求实现高度和宽度:

<View style={{height:height, width:width}}></View>

构建父视图后,您可以根据自己的兴趣为子视图提供宽度和高度,如:

style={{height:40, width:250}}

你也应该对react-native flex有一些了解,以构建你可以从here

查看的其他布局

答案 1 :(得分:0)

我需要查看您的代码,但对于React,您应该使用Flexbox来协调孩子的一致性。

http://moduscreate.com/aligning-children-using-flexbox-in-react-native/