Question

我正在使用react native v0.44.2的scrollview，我想禁用pull刷新并仅生成我的视图滚动，是否有其他方法可以在不使用scrollview的情况下执行此操作？
我看到了一些旧版本，我不知道我最近是否放了这个动画。所以我的代码如下：

render() {
    return (
      <View>
        <ScrollView>
          <View style={styles.box}>

          </View>
          <View style={styles.box}>

          </View>
          <View style={styles.box}>

          </View>
          <View style={styles.box}>

          </View>
          <View style={styles.box}>

          </View>
          <View style={styles.box}>

          </View>
        </ScrollView>

      </View>
    );
  }
}

和我的风格：

const styles = StyleSheet.create({

  box: {
    backgroundColor: 'blue',
    height: 300,
    width: 200,
    borderWidth: 5,
    borderColor: 'red'
  }
});

Answer 1

最初使用const refresh = false。然后在_onRefresh调用时，将刷新从false更改为true，并重新初始化scollview的内容。

const refreshing = false ;
const data= [];

//your class definition
_onRefresh(){
        refreshing=true;
        this.props.clearYourData();
        data= [];
        refreshing=false;
    }

render(){
  return (
    <ScrollView refreshControl={
      <RefreshControl
        refreshing={refreshing}
        onRefresh={this._onRefresh.bind(this)}
        title="Loading..."
        />
       }
      />  >
     {data}
  </ScrollView>)
}

Answer 2

我们可以做的就是我们可以使用这个来消除Pull上的拉动画。

<ScrollView
refreshing={false}
>
**YOUR RENDER ITEM**
</ScrollView>

我从来没有在scrollview上实现过这个功能，但可能会帮助你

React native scrollview禁用pull以刷新

2 个答案: