Вот так выглядит мой главный экран:
Мое приложение - это приложение для чата, в котором вы можете общаться в произвольном порядке с людьми. Таким образом, каждая «открытка» - это чат, в котором можно нажать (touchableOpacity
). Карты отображаются с помощью функции map, которая отображает данные в представления. Итак, если наш бэкэнд создаст новый чат, в нашем firestore
будет создан новый документ. В приложении имеется onSnapshot
-лист, поэтому после получения новых данных из firestore
новая карта будет отображена и добавлена вверху списка.
код для выдачи карт
this.props.groupData.map((data, i) => (
<TouchableOpacity
onPress={() => this.onCardPress(i)}
key={data.id}
>
<View>
<Text>{data.text}</Text>
</View>
</TouchableOpacity>
))
Новая карта появляется после извлечения данных, однако она не доступна. Я не знаю, почему карта отображается без прикосновения. TouchableOpacity
неправильно перерисовывается?
Может ли кто-нибудь мне помочь?
Если что-то не понятно, пожалуйста, спросите меня обо всем!