无涯教程网

Reactnative React Native：如何将的高度和宽度设置为容器

发布于09月28日

我现在在<View>和padding: 15之间有一个<TextInput>.我想<TextInput>'s的宽度和高度，以涵盖所有空间内<View>除了填充.

所以我try 了var width = Dimensions.get('window').width和下面的内容，但是< TextInput >保留了左边的填充，但是当你继续打字时，它超出了右边的填充:

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

那么，如何才能让文本输入覆盖所有空间、高度和宽度、内部视图，同时遵守视图的填充规则呢？

非常感谢.

推荐答案

try 将TextInput的样式设置为flex:1，而不是获取宽度.Flex样式将自动填充视图，并将填充留空.

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

React-native相关问答推荐

如何在API调用期间将本地存储(Expressc存储)中的令牌传递到后台

AWS Amplify处理后端错误

在我的 React Native 应用程序中获取数据返回 [object Object] 而不是 renderSectionHeader

防止 React Native 在上下文值更改时重新安装组件

在选项卡更改时react-navigation

如何在带有decorator 的 react-native 0.56 (Babel 7) 中使用 mobx

redux-observable Promise 在单元测试中没有得到解决

如何判断 goBack() 函数在react-navigation 中是否可行？

请求的体验使用 Expo SDK v(null)，但此 Expo Client至少需要 v23.0.0版本

React Native + Jest EMFILE：too many open files error

是否可以将 Image.getSize 与静态图像文件一起使用？

react-native Bottom Up drawer

React Native 得到这个错误'Unrecognized operator abs'

KeyboardAvoidingView - 隐藏键盘时重置高度

Tools > Android 菜单在 Android Studio 中不存在

React-Native 元素卡在：app：installDebug

React Native - 为什么我需要 babel 或 webpack？

react-native iOS 应用在部署后不显示静态/本地资源

保存时 Visual Studio 代码格式化失败

React-Native 获取 XML 数据

实用课程推荐

相关教程推荐