我是反应原生的新手。构建一个Hello World应用程序，使自己熟悉react-native。在屏幕上，我想要一个文本框，在它下面是一个按钮，在按钮下面是一个文本区域，它将占据屏幕的其余部分。我不知道该怎么做。
您必须了解Flex Box根据您的需要设置布局。
使用flexbox进行布局
组件可以使用flexbox算法指定其子项的布局。 Flexbox旨在为不同的屏幕尺寸提供一致的布局。
您通常会使用
flexDirection，alignItems和justifyContent的组合来实现正确的布局。弹性方向
将flexDirection添加到组件的样式可确定其布局的主轴。孩子应该横向（行）还是纵向（列）组织？默认为列。
证明内容
将justifyContent添加到组件的样式可确定沿主轴的子项分布。孩子应该在开始时，中心，末端还是均匀分布？可用选项包括柔性启动，中心，柔性端，空间，空间和空间均匀。
对齐项目
将alignItems添加到组件的样式确定子项沿辅助轴的对齐方式（如果主轴是行，则辅助是列，反之亦然）。孩子应该在开始，中心，结束或拉伸填充？可用选项包括flex-start，center，flex-end和stretch。
请查看此链接以了解flexbox：