REACT NATIVE：如何获取 TextInput 的值和 Picker 的值

Question

I want to get value of TextInput and Picker and insert it into my Flatlist . The ways that i did i can just insert value of TextInput , but without Picker , or i did with Picker but couldnot get value of TextInput . Here is my code:

These are UseState

  const [selectedValue, setSelectedValue] = useState(' '); //for Picker
    const [text, setText] = useState(''); //for the TextInput

  <TextInput style={styles.input}
           placeholder="   Amount "
           keyboardType='numeric'
           onChangeText={text => setText(text)}
           value={text}
        />
  <Picker
              selectedValue={selectedValue}
              style={{ height: 50, width: 150 }}
              onValueChange={(itemValue, itemIndex) => setSelectedValue(itemValue)}
               >  

              <Picker.Item label="Food" value="food" />
              <Picker.Item label="Transport" value="trans" />
                     </Picker>

Here is my Button and Flatlist code, the logic is that after pressing Button it insert into my Flatlist But I couldnot insert and the Value of Picker and value of TextInput```:

 <Button
          title="Save"
          color="#841584"
          accessibilityLabel="Learn more about this purple button"
          onPress={() => {if ( selectedValue)  setData([...data, { name: selectedValue  }]) 
          console.log('sec'); }} /> //here i could insert value of Picker and instead of ```selectedValue``` i can put text i will get value of TextINput , how to get both of them?

        <FlatList
          data={data}
          renderItem={({ item }) => (<Text style = {styles.item}> {item.name}</Text>)}
          keyExtractor={(item, index) => index.toString()}  
           />

Answer 1

You forgot to add the value of textInput while adding the data to flatlist.

<Button
  title="Save"
  color="#841584"
  accessibilityLabel="Learn more about this purple button"
  onPress={() => {
    // You forgot to add the value of textInput to the data
    if (selectedValue && text) setData([...data, { name: selectedValue, textInput: text }]);
    console.log("sec");
  }}
/>
<FlatList
  data={data}
  renderItem={({ item }) => <React.Fragment>
    <Text style={styles.item}> {item.name}</Text>
    // Displaying the data of textInput
    <Text style={styles.item}>{item.textInput}</Text>
    </React.Fragment>}
  keyExtractor={(item, index) => index.toString()}
/>