FlatList ссылка на вопрос

Question

Я не получаю ref из flatlist всегда получаю

Предупреждение: Функциональные компоненты не могут быть указаны как ссылки. Попытки доступа этот реф не получится. Вы хотели использовать React.forwardRef()?

Я новичок в реакции-родной

export default class ListData extends Component {
  constructor(props) {
    super(props);
    this.state = {
      flatListRef: null
    };
  }
  render() {
    return (
      <View style={styles.container}>
        <FlatList
          data={countryList}
          ref={ref => (this.state.flatListRef = ref)}
          style={{ flex: 1 }}
          showsVerticalScrollIndicator={false}
          showsHorizontalScrollIndicator={false}
          renderItem={({ item, index }) => (
            <View style={[styles.ListViewContainer]}>
              <Text style={styles.countryTxt}>
                <Text> +{item.code}</Text>
                <Text> {item.CountryName} </Text>
              </Text>
            </View>
          )}
          keyExtractor={(item, index) => index.toString()}
        />
      </View>
    );
  }
}
const styles = StyleSheet.create({
  container: {
    flex: 1,
    marginTop: 40,
    backgroundColor: "white"
  }
});

Answer 1

Использование import { FlatList } from "react-native" вместо import { FlatList } from 'react-native-gesture-handler';

работает.Но я все еще хочу понять, почему он не работает с «реакции-родной-жест-обработчик».пока список отображается правильно, но ссылка не получается.

Answer 2

Попробуйте передать ref={null} компоненту списка.

renderItem={({ item, index }) => (
  <View style={[styles.ListViewContainer]} ref={null}>

Answer 3

попробуйте это:

в вашем конструкторе

this.flatListRef = React.createRef()

и затем в вашем FlatList вы сделаете:

<FlatList ref={this.flatListRef} ...