在Android中反应Native ScrollView无法正常工作

时间:2017-08-10 05:23:25

标签: javascript android react-native

所以我只是想让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成为主视图并将Text包装在视图中,将文本包装在普通视图中,将vertical = {true}传递给ScrollView,将flex:1传递给ScrollView和查看,似乎没什么用。我认为这是模拟器的一个缺陷,并决定在运行Android 6.0.0的三星Galaxy S5上进行测试,但同样的问题也存在。

有没有什么方法可以让ScrollView在Android上运行,或者它刚刚破解?有没有解决方法?

1 个答案:

答案 0 :(得分:1)

也许你可以尝试这样的事情,看看它是否还在滚动问题。

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

}  }