Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/video/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
React native 如何根据行数自动增加文本输入字段的宽度?_React Native - Fatal编程技术网

React native 如何根据行数自动增加文本输入字段的宽度?

React native 如何根据行数自动增加文本输入字段的宽度?,react-native,React Native,如何根据行数自动增加文本输入字段的宽度?多行参数无助于放大字段本身,只是增加了在字符数超过输入字段宽度时将文本换行的功能 从“React”导入React; 从“react native”导入{View,Text,TextInput}; 从“样式化组件”导入样式化; const TaskForm=()=>{ 返回( Название* Описание ) } const MainView=styled.View` 弹性:1; 右边距:20px; 左边距:20px; 边缘顶部:20px; `;

如何根据行数自动增加文本输入字段的宽度?多行参数无助于放大字段本身,只是增加了在字符数超过输入字段宽度时将文本换行的功能

从“React”导入React;
从“react native”导入{View,Text,TextInput};
从“样式化组件”导入样式化;
const TaskForm=()=>{
返回(
Название*
Описание
)
}
const MainView=styled.View`
弹性:1;
右边距:20px;
左边距:20px;
边缘顶部:20px;
`;
const InputWindow=styled.View`
边框宽度:1px;
边框颜色:#DCDC;
高度:30px;
宽度:100%;
`
const TextStyle=已设置样式的.Text`
字号:18px;
字号:600;
`;
导出默认任务表单
onLayout={(事件)=>{
如果(textInputHeight==0){
settextinputhweight(event.nativeEvent.layout.height);
}
}}
onContentSizeChange={(事件)=>{
settextinputhweight(event.nativeEvent.contentSize.height);
}}
以下是解决此问题的方法