TextInput
是一個允許用戶輸入文本的基礎組件佩耳。它有一個名為onChangeText的屬性,此屬性接受一個函數(shù)谭跨,而此函數(shù)會在文本變化時被調用干厚。另外還有一個名為onSubmitEditing的屬性,會在文本被提交后(用戶按下軟鍵盤上的提交鍵)調用饺蚊。
顯示:
<View style={styles.views}>
<TextInput
style={{height: 40}}
placeholder="請在這里填寫"
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