React Native学习(7)处理文本输入
TextInput是一个允许用户输入文本的基础组件。它有一个名为onChangeText的属性,此属性接受一个函数,而此函数会在文本变化时被调用。另外还有一个名为onSubmitEditing的属性,会在文本被提交后(用户按下软键盘上的提交键)调用。
如:
/**
* 慢慢学习
* https://blog.csdn.net/quanhaoH
*/
import React, { Component } from 'react';
import { AppRegistry, StyleSheet, Text, View, TextInput, Image } from 'react-native';
export default class MyApp extends Component {
render() {
return (
<View style={{
padding: 10
}}>
<TextInput
style={{
height: 40
}}
placeholder="用户输入"
/>
</View>
);
}
}
AppRegistry.registerComponent('MyApp', () => MyApp);