当前位置:  开发笔记 > Android > 正文

反应原生的textarea的替代品是什么?

如何解决《反应原生的textarea的替代品是什么?》经验,为你挑选了3个好方法。

react-native是否有内置的文本区域组件?我试图实现这些:

https://github.com/buildo/react-autosize-textarea

https://github.com/andreypopp/react-textarea-autosize

但得到一个错误"预期一个组件类得到了对象对象".



1> 小智..:

就在这里.它叫做TextInput,普通的TextInput Component支持多行.

只需将以下属性分配给TextInput组件即可

multiline = {true}
numberOfLines = {4}

最后你应该有这个:

 this.setState({text})}
    value={this.state.text}/>



2> Nacho Justic..:

我通过以下列方式包装TextInput组件来构建react-native中的文本区域View:

  
    
  

...

const styles = StyleSheet.create({
  textAreaContainer: {
    borderColor: COLORS.grey20,
    borderWidth: 1,
    padding: 5
  },
  textArea: {
    height: 150,
    justifyContent: "flex-start"
  }
})

在此输入图像描述 在此输入图像描述



3> 小智..:

如果要TextInput像文本区域一样查看组件,则需要添加此组件


推荐阅读
sx-March23
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有