javascript - 在 android 中 React Native ScrollView 不工作

Question

所以我只是想让 ScrollView 在运行 Android 6.0.0 的 React Native Android 模拟器 Pixel 上工作。我正在尽可能使用基本的应用程序，但没有任何内容会滚动。

import React, { Component } from 'react';
import {
   AppRegistry,
   Text,
   View,
   ScrollView,
   Dimensions,
 } from 'react-native';

 const screenHeight = Dimensions.get('window').height

 export default class scrollTest extends Component {
   render() {
     return (
       <View>
         <ScrollView>
           <Text>HELLO WORLD</Text>
           <Text>HELLO WORLD</Text>
           <Text>HELLO WORLD</Text>
           <Text>HELLO WORLD</Text>
           <Text>HELLO WORLD</Text>
           <Text>HELLO WORLD</Text>
         </ScrollView>
       </View>
     );
   }
 }


 AppRegistry.registerComponent('scrollTest', () => scrollTest);

我已经用尽了所有我能想到的选择。我在主视图中设置了flex:1，使ScrollView成为主视图并将文本包装在 View 中，将文本包装在普通 View 中，将vertical = {true}传递给ScrollView，将flex:1传递给ScrollView和查看，似乎没有任何作用。我认为这是模拟器的缺陷，并决定在运行 Android 6.0.0 的三星 Galaxy S5 上进行测试，但也存在同样的问题。

有没有办法让 ScrollView 在 Android 上工作，或者它只是坏了？有什么解决方法吗？

Answer 1

也许你可以尝试这样的方法，看看是否仍然存在滚动问题。

export default class scrollTest extends Component {
 render() {
  return (
    <View>
      <ScrollView> 
         {
          Array(50).fill(0).map(index => 
            <Text>HELLO WORLD</Text>
          )
         }
     </ScrollView>
   </View>
 );

} }