目录
两个滚动窗口
- 例子是两个水平窗口，若要控制垂直滚动，可以将horizontal属性去除。
- scrollEnabled设置被控制的窗口不可以手动滚动。
被滑动得窗口
<ScrollView horizontal onScroll={this.ListScroll} showsHorizontalScrollIndicator={false} showsVerticalScrollIndicator={false} bounces={false} > ... </ScrollView>
跟着一起滚动得窗口
<ScrollView horizontal scrollEnabled={false} ref={(ref) => { this._titleList = ref; }} showsHorizontalScrollIndicator={false} showsVerticalScrollIndicator={false} bounces={false} > ... </ScrollView>
滚动方法
- 例子是两个水平窗口，若要控制垂直滚动，可以将修改y属性。
- ios和android的控制滚动方法要区分。
import { Platform } from 'react-native'; ListScroll = (e) => { const x1 = e.nativeEvent.contentOffset.x; if (Platform.OS === 'ios') { this._titleList.setNativeProps({ contentOffset: { x: x1, y: 0, animated: false }, }); } else { this._titleList.scrollTo({ x: x1, y: 0, animated: false }); } };
