Как добавить кнопку рядом с текстом, который будет отображаться рядом с каждым элементом в React Native?

Question

Я пытаюсь добавить кнопку, которая будет отображаться рядом с каждым элементом списка, но я пытаюсь понять, как это сделать.

 return (

  <View>

  <Text style={styles.Blue}>My List</Text>

    <FlatList
    data={this.state.ListData}
    renderItem={({item}) =>


    <Text style={styles.myText}>{item.item_name}</Text>}

    keyExtractor={({id},index) => id}


    />

  </View>

  );

Answer 1

Попробуйте добавить, как показано ниже, надеюсь, это поможет. не стесняйтесь сомнений

<FlatList
        data={this.state.ListData}
        renderItem={({item}) =>{
    return(
    <>
     <Text style={styles.myText}>{item.item_name}</Text>
    <TouchableOpacity onPress={this.buttonPress}><Text>Button</Text></TouchableOpacity>
    </>
    )
    }


       }

        keyExtractor={({id},index) => id}


        />