如何解决你如何在 React-Native 视图中截断 Form.Label 文本?
我有一个大致遵循此处教程的 Bootstrap 表单:https://react-bootstrap.github.io/components/forms/
我的表单有 6 个值,用于地址字段。输入在 React-Native flexbox 视图中,并排成一行。它通常看起来像 this。
但是,当我使窗口变窄时,this happens。
我想截断
这是我的代码:
<View style={{flexDirection: "row"}}>
<View style={{flex: 1,paddingRight: 10}}>
<Form.Group>
<Form.Label>Prefecture</Form.Label>
<Form.Control value={this.state.prefecture} onChange={this.onChangePrefecture} placeholder="都道府県"/>
</Form.Group>
</View>
<View style={{flex: 1,paddingRight: 10}}>
<Form.Group>
<Form.Label>Municipality</Form.Label>
<Form.Control value={this.state.municipality} onChange={this.onChangeMunicipality} placeholder="市,区"/>
</Form.Group>
</View>
<View style={{flex: 1,paddingRight: 10}}>
<Form.Group>
<Form.Label>Town</Form.Label>
<Form.Control value={this.state.town} onChange={this.onChangeTown} placeholder="郡,町,村"/>
</Form.Group>
</View>
<View style={{flex: 1,paddingRight: 10}}>
<Form.Group>
<Form.Label>District</Form.Label>
<Form.Control value={this.state.district} onChange={this.onChangeDistrict} placeholder="丁目"/>
</Form.Group>
</View>
<View style={{flex: 1,paddingRight: 10}}>
<Form.Group>
<Form.Label>Block</Form.Label>
<Form.Control value={this.state.block} onChange={this.onChangeBlock} placeholder="番地"/>
</Form.Group>
</View>
<View style={{flex: 1}}>
<Form.Group>
<Form.Label>House #</Form.Label>
<Form.Control value={this.state.house_number} onChange={this.onChangeHouseNumber} placeholder="号"/>
</Form.Group>
</View>
</View>
很抱歉将链接指向屏幕截图。我好像还不能嵌入图片。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。