TextInput是一個(gè)允許用戶輸入文本的基礎(chǔ)組件。它有一個(gè)名為onChangeText的屬性,此屬性接受一個(gè)函數(shù),而此函數(shù)會(huì)在文本變化時(shí)被調(diào)用。另外還有一個(gè)名為onSubmitEditing的屬性,會(huì)在文本被提交后(用戶按下軟鍵盤上的提交鍵)調(diào)用。
顯示:
<View style={styles.views}>
<TextInput
style={{height: 40}}
placeholder="請(qǐng)?jiān)谶@里填寫"
onChangeText={(text) => this.setState({text})}
/>
<Text style={styles.view1}>
{this.state.text}
{this.state.text.split(' ').map((word) => word && '??').join(' ')}
</Text>
</View>
樣式:
const styles = StyleSheet.create({
views:{
padding:10,
},
view1:{
padding: 10,
fontSize: 42,
},
});
效果圖:

Paste_Image.png