почему меняется пользовательский интерфейс, когда я просто добавляю тег для обновления (просмотра) в Интернете?

Question

Я просто хотел получить доступ к обновлению в моем приложении собственного родного веб-приложения. и я использовал библиотеку под названием response-native-pull-to-refresh и использовал тег, и там я изменил свой пользовательский интерфейс. веб-просмотр был сдвинут вниз, а верхняя половина занята тегом. Вот код

  render() {
    return (
      <View style={styles.container}>
<PTRView style={{}} onRefresh={()=>{this.Gymkhana.reload()}} />


        <WebView
          source={{ uri: "http://www.gymkhana.iitkgp.ac.in/index.php" }}
          domStorageEnabled={true}
          startInLoadingState={true}
          renderLoading={this.ActivityIndicatorLoadingView}
          ref={ref => (this.Gymkhana = ref)}
        />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: "center"
  },

});

. Пожалуйста, устраните мою ошибку

Answer 1

Проблема может быть вызвана тем, что вы используете ее не по назначению, вы должны обернуть свой контент в PTRView, а не просто использовать его как отдельный элемент. см. документ: https://www.npmjs.com/package/react-native-pull-to-refresh

  render() {
    return (
      <View style={styles.container}>
        <PTRView style={{}} onRefresh={()=>{this.Gymkhana.reload()}} >
          <WebView
            source={{ uri: "http://www.gymkhana.iitkgp.ac.in/index.php" }}
            domStorageEnabled={true}
            startInLoadingState={true}
            renderLoading={this.ActivityIndicatorLoadingView}
            ref={ref => (this.Gymkhana = ref)}
          />
        </PTRView>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: "center"
  },

});