0

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>
  );

} `

itsMani
  • 1

1 Answers1

0

You can try changing:

  1. import { ScrollView } from 'react-native'
    to import { ScrollView } from 'react-native-gesture-handler';

  2. backgroundStyle={{ backgroundColor: Platform.OS === "ios" ? "transparent" : "rgba(23,31,36,0.2)" }}

Fedor
  • 17,146
  • 13
  • 40
  • 131
Giang Minh Hoàng
  • 1
  • 1