Javascript 布局上的行方向之间的大间距

我的一个屏幕格式化有问题。 我想把3个文本输入排成一行，在它们的正下方有一个按钮和一个复选框，下面有一张图片，以了解更多详细信息（现在是一个交叉框和一个问号，不介意，我稍后会解决它）。但是我在两行之间得到了一个巨大的多余的空白，我无法摆脱它。 这是密码

this.setState（{UserEmail}）}
占位符='Item'
underlineColorAndroid='rgba（0,0,0,0.1）'/>
this.setState（{UserEmail}）}
占位符='Cantidad'
underlineColorAndroid='rgba（0,0,0,0.1）'/>
this.setState（{UserEmail}）}
underlineColorAndroid='rgba（0,0,0,0.1）'/>
{return（）}}
取消选中dicon={（）=>{return（）}
checked={this.state.checked}
onPress={（）=>this.setState（{checked:！this.state.checked}）
containerStyle={{backgroundColor:'transparent'，width:'20%'}}
/>
console.log（'hello'）}
/>

我刚刚使用flexShrink:1创建了一个新容器 无论如何谢谢你