React Native - 无法滚动到ScrollView的底部

时间:2017-08-14 10:33:45

标签: android react-native scrollview react-native-scrollview

我正在使用react-native-nested-scroll-view结合反应本机的scrollview。在一些Android设备上,我无法滚动到我的应用程序屏幕的底部。应用程序屏幕使用react-navigation标签。我班级的结构如下 - 父类

    <View>
     <ScrollView>
      <ChildTabs/>
     </ScrollView>
    </View>

儿童标签

<NestedScrollView>
 <Other Classes/>
</NestedScrollView>

当我滚动时,我的内容存在,但应用程序屏幕不滚动直到结束。一些见解会很有用。 附:在某些Android设备上注意到此行为。我无法弄清楚它是否与设备相关的错误或包相关。使用flex或设置高度滚动视图或嵌套滚动视图时,行为相同。

更多代码 - 父节点。

  <View>
    <ScrollView>
      <View style={{position: 'absolute', left: 0, right: 0}}>
        <Gradient.MainGradient height={156}/>
      </View>
      <Reusables.Header style={styles.header} user={this.state.nameLabel} textStyle={styles.userName}/>
      <Text style={styles.settings}>Randoms</Text>
      <View style={{height:height-70}}>
        <SettingTabBar screenProps={this.showLoader} onNavigationStateChange={null}/>
      </View>
    </ScrollView>
    {this.loader()}
  </View>

儿童 -

    <NestedScrollView style={{backgroundColor: '#f5f4f4',padding:10}}>
      <comp device={this.state.device} sendData={this.sendData}/>
      <comp showLoader={this.showLoader} deviceId=
      {this.state.device.idx} sendData={this.sendData}/>
      <Choices showLoader={this.showLoader}/>
      <Contacts did={this.state.device.idx} ref="emgContact"/>
      <map deviceId={this.state.device.idx}/>
    </NestedScrollView>

0 个答案:

没有答案