ScrollView 不起作用（仅在 android 上）reactnative

Posted 2023-05-06

【中文标题】ScrollView 不起作用（仅在 android 上）reactnative

【英文标题】：ScrollView not working (only on android) reactnative

【发布时间】：2021-10-21 14:17:47

【问题描述】：

这只发生在我创建的自定义组件之一。这用于工作，但它随机停止。我试图将ScrollView 移动到函数的不同部分（在View 之前，Card 周围...），但我没有成功。右侧的小滚动条显示...您无法滚动。但它在 ios 上没有任何问题

我也尝试给 View 包装 ScrollView flex: 1 但没有成功。

我正在运行expo v42 使用native base ^2.15.2

组件：

import React from 'react';
import  View, StyleSheet, Image, ScrollView  from 'react-native';
import propTypes from 'prop-types';


import  Card, CardItem  from 'native-base';


export default function ExerciseCard(props) 
    const  iconSource, iconType, customStyle, SVG  = props;
    return (

        <Card style=styles.Card> // this is from native base

            <CardItem style=[styles.ExerciseCard, customStyle]> // also native base
               //icon stuff
              // dynamic svg
                <View style=styles.TopToBottom>
                  <ScrollView>
                        props.children // this can have bunch of text hence why I need to scroll through them
                  </ScrollView>
                </View>

            </CardItem>
        </Card >

【参考方案1】：

不知道能不能给你带来解决方案，但是我已经遇到过这种问题，不得不将内容封装在touchableOpacity之类的触控组件中。

我认为问题取决于滚动视图的分层/环绕。