0
私は、ネイティブの反応でFlatListを使用する方法を学びたいと思いますが、データ内の要素をプッシュする方法(FlatList配列)を理解することはできません。誰か助けてくれますか?あなたはFlatlistコンポーネントにデータ小道具を追加する必要が反応したネイティブのFlatListでTextInputをプッシュするにはどうすればいいですか?
import React, { Component } from 'react';
import { FlatList, StyleSheet, Text, Button,View ,TextInput} from 'react-native';
export default class App extends Component {
constructor(props) {
super(props);
this.state = {text: '',
data:[]
};
}
render() {
return (
<View>
<TextInput
style={{height: 40}}
placeholder="Task"
onChangeText={(text) => this.setState({text})}/>
<Button title="Add" onPress={this.addTask} />
<FlatList
renderItem={({item}) => <Text style={styles.item}>{item.key}</Text>}
/>
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
paddingTop: 22
},
item: {
padding: 10,
fontSize: 18,
height: 44,
}
});