react-native - react native : Not smooth scrolling with DrawerNavigator

Question

当前行为

我的代码:

class App extends Component {
   render() {
    return <Drawer /> {/* rigid scrolling effect */} 
    return <Stack /> {/* smooth scrolling effect if I comment above return statement */} 
  }
}

const Drawer = DrawerNavigator({
  Feed: { screen: Feed }
})

const Stack = StackNavigator({
  Feed: { screen: Feed }
})

而 Feed 组件的渲染只是一堆行:

render() {
   return <View style={{flex:1}}>
   <ScrollView>
    <Text>random line...</Text>
   // .. more lines to make it scrollable
   </ScrollView>
   </View>
}

预期行为

预期的行为是在两种情况下都能获得平滑的滚动效果。但是，DrawerNavigator 屏幕的滚动效果非常死板。当我从上到下快速滑动手指时，它不会像 Stacknavigator 示例中那样自动保持平滑滚动。

如何繁殖

创建上面的 App.js 文件并创建一个简单的 Feed.js 组件，该组件有一堆行来使 ScrollView 工作。

有人可以帮忙吗？

更新:现场演示:https://snack.expo.io/Hk8Np7nPG

Answer 1

尝试这个

render() {    
        return (
              <View style={{flex:1}}>    
                <ScrollView>
                  <View>
                    {Your Contnet}
                  </View>    
                </ScrollView>    
              </View>
         )}

它对我有用...
希望它也对你有用