React-Native将TextInput中的表情符号和文本大小一起调整



我想在TextInput中使用表情符号调整文本大小,只有文本可以正常工作,但插入表情符号时不行。

const [fontSize, setFontSize] = useState(16);
const input = useRef(null);
// resize Input func
const onFontSizeChange = () => {
setFontSize(fontSize + 5);
input.current.setNativeProps({
style: {
fontSize: fontSize + 5, 
},
});
}
<TextInput 
ref={input}
multiline={true} 
style={{fontSize: 16}}
forceStrutHeight={true}  
value={textValue}
onChangeText={typedText => {
validate(typedText);
}}
/>

我该怎么做?

只需使用状态对象作为样式,并在单击按钮时更改样式对象。

const [style, setStyle] = useState({ fontSize: 16})
const onButtonClick = () => {
setStyle({ fontSize: 20, lineHeight: 23 })
}
<TextInput 
multiline={true} 
style={style}
forceStrutHeight={true}  
value={textValue}
onChangeText={typedText => {
validate(typedText);
}}
/>

相关内容

  • 没有找到相关文章

最新更新