React Native iOS 13 ScrollView、FlatList 滚动条异常、偏移

表现状况

React Native iOS 13 ScrollView FlatList 滚动条异常、滚动条居中、滚动条偏移、滚动条错位

例如下图这样的表现

解决方案

单个 ScrollView 增加属性 scrollIndicatorInsets={{ right: 1 }}

修改 ScrollView 默认值

import { ScrollView } from 'react-native'

// @ts-ignore
ScrollView.defaultProps = Object.assign({}, ScrollView.defaultProps, {
  /**
   * 决定滚动条距离视图边缘的坐标。这个值应该和 contentInset 一样。默认值为 {0, 0, 0, 0}。
   */
  scrollIndicatorInsets: { right: 1 },
})

参考链接

• about ScrollView on ios 13 . scroll bar will be center sometimes for ios 13 and can move to phone left #26610

转载请注明：OnlyLing - Web 前端开发者 » React Native iOS 13 ScrollView、FlatList 滚动条异常、偏移