ScrollView里面的TouchablewithoutFeedback

时间:2018-01-31 02:01:48

标签: react-native scrollview

我正在尝试制作一个文本阅读器。它有Header和带有大量字符的内容,所以需要scrollview让用户阅读所有的工作人员。

但现在令我困惑的是,当人们在短时间内按下屏幕时,我试图隐藏标题,当人们向下滚动时,手指触摸屏幕并移动一点,标题仍在那里。

现在我尝试的是,

<TouchableWithoutFeedback style={{padding: 40}} onPress={()=>this.pressScreen()} pressRetentionOffset={{top:1,left:1,bottom:1,right:1}}>
      <ScrollView style={{width: screen.width,
      height:screen.height*0.8}}>
        <Text>{this.state.data.chptTitle}</Text>
        <Text>{this.state.data.chptContent}</Text>
      </ScrollView>
</TouchableWithoutFeedback>

但显然它不起作用因为pressRetentionOffset无法使用scrollView。 我该怎么办?有什么建议吗?

1 个答案:

答案 0 :(得分:1)

我不会将它包装在onPress上。我将ScrollView作为父级,然后将所有Text包装在父Text中,然后使用父onPress的{​​{1}}。像这样:

<Text>

就我个人而言,让 <ScrollView style={{padding: 40, width: screen.width, height:screen.height*0.8}}> <Text onPress={()=>this.pressScreen()}> <Text>{this.state.data.chptTitle}</Text> <Text>{this.state.data.chptContent}</Text> </Text> </ScrollView> 成为ScrollView

的孩子是没有意义的。