Реагировать-родной, как добавить изображение и нажать в осязаемый

У меня есть touchable в реагировать родной, внутри touchable у меня есть изображение и на прессе, как это

 <TouchableHighlight >
  <Image style={styles.imagestyle}
  source={require('./ic_action_name.png')} />
  onPress={() => this.moveToAddNewCustomer()}>
 </TouchableHighlight>

Когда я попытался запустить приложение, я получил эту ошибку

Ожидается, что React.Childeren.only получит единственный дочерний элемент React

Как это исправить?

Ответ 1

Вам нужно сделать это следующим образом:

<TouchableHighlight onPress={() => this.moveToAddNewCustomer()}>
    <Image style={styles.imagestyle} source={require('./ic_action_name.png')} />
</TouchableHighlight>

или

<TouchableOpacity onPress={()=>this.moveToAddNewCustomer()}>
    <Image style={styles.imagestyle} source={require('./ic_action_name.png')} />
</TouchableOpacity>

Ответ 2

если

TouchableHighlight onPress={() => this.moveToAddNewCustomer()}>
    <Image style={styles.imagestyle} source={require('./ic_action_name.png')} />
</TouchableHighlight>

не работает, вы должны поместить изображение в <view>