ScrollView not working in android in react-native-popover-view

Question

After upgrading react-native to version 0.71.3, the ScrollView passed as a children to react-native-popover-view is no longer scrollable in android but works in iOS. It used to work before the upgrade of react-native version

` import React from 'react'; import Popover from 'react-native-popover-view';

function App() {
  return (
    <Popover
      from={(
        <TouchableOpacity>
          <Text>Press here to open popover!</Text>
        </TouchableOpacity>
      )}>
      <ScrollView contentContainerStyle={{ flexGrow: 1, paddingTop: 20 }}>
           {[...new Array(100)].map((item, index) => (
            <Text key={index}>{`${index}. Welcome to React native`}</Text>
           ))}
      </ScrollView>
    </Popover>
  );

} `

For what it's worth, I downgraded to React Native 0.70.10 (from 0.71.10) and it worked. — BobSacamano
– BobSacamano, Commented Jun 21, 2023 at 10:09

Fedor · Accepted Answer · 2023-08-17 10:53:10Z

1

You can try changing:

import { ScrollView } from 'react-native'
to import { ScrollView } from 'react-native-gesture-handler';
backgroundStyle={{ backgroundColor: Platform.OS === "ios" ? "transparent" : "rgba(23,31,36,0.2)" }}

edited Aug 17, 2023 at 10:53

Fedor

24.7k45 gold badges59 silver badges187 bronze badges

answered Aug 11, 2023 at 2:39

Giang Minh Hoàng

111 silver badge2 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

ScrollView not working in android in react-native-popover-view

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related