无法根据 React Native 中的内容将初始高度设置为文本输入组件
Not able to set inital height to TextInput component based on the content in React Native
我有一个 TextInput 组件,如下所示
<TextInput
defaultValue={inputDescription}
multiline={true}
onChangeText={e => setInputDescription(e)}
style={[Style.descriptionInput, { height: descriptionHeight }]}
onContentSizeChange={e =>
setDescriptionHeight(e.nativeEvent.contentSize.height)
}
placeholder={'Take a note'}
placeholderTextColor={'black'}
/>
使用 onContentSizeChange
道具,我获取当前高度并将其传递给样式以增大 TextInput 组件大小
这在我更改内容时有效。但是当我将一些数据传递给 defaultValue
道具时,组件不会更新高度(大部分时间)。
我希望 TextInput 在初始数据传递给组件时也更新高度。
通过删除给 descriptionHeight
变量的初始值解决了这个问题。
我有一个 TextInput 组件,如下所示
<TextInput
defaultValue={inputDescription}
multiline={true}
onChangeText={e => setInputDescription(e)}
style={[Style.descriptionInput, { height: descriptionHeight }]}
onContentSizeChange={e =>
setDescriptionHeight(e.nativeEvent.contentSize.height)
}
placeholder={'Take a note'}
placeholderTextColor={'black'}
/>
使用 onContentSizeChange
道具,我获取当前高度并将其传递给样式以增大 TextInput 组件大小
这在我更改内容时有效。但是当我将一些数据传递给 defaultValue
道具时,组件不会更新高度(大部分时间)。
我希望 TextInput 在初始数据传递给组件时也更新高度。
通过删除给 descriptionHeight
变量的初始值解决了这个问题。