Scroll Map about react-native-yamap HOT 2 CLOSED

Придумал извращенное решение этой проблемы)))

const [isCanCancelContentTouches, setCanCancelContentTouches] = React.useState(true);

<ScrollView canCancelContentTouches={isCanCancelContentTouches} scrollEnabled={isCanCancelContentTouches}>
   <View onTouchStart={() => setCanCancelContentTouches(false)} onTouchEnd={() => setCanCancelContentTouches(true)}>
      <YaMap ref={mapRef} />
   </View>
</ScrollView>

from react-native-yamap.

Такое же поведение и при использовании mapkit в нативном приложении. Я так понимаю яндекс пока не предлагают решения этой проблемы

yandex/mapkit-ios-demo#15

И аналогичное issue в немного устаревшем репозитории:
yandexmobile/yandexmapkit-android#296

От себя могу предложить может не самое корректное, но теоретически рабочее решение - поместить карту снаружи скрола на абсолюте и двигать ее на onScroll у ScrollView. А внутри ScrollView рендерить пустое View под карту. При использовании нативного драйвера анимации для обработки скрола я думаю лагать не должно. По сути поведение похожее на CollapsingToolbar
в таком например стиле https://medium.com/@habibridho/implementing-collapsing-toolbar-using-react-native-4a84e1718f11

from react-native-yamap.