React Native Android Проведите пальцем вверх

Question

Я создаю приложение для транспортировки и нуждаюсь в компоненте, который может реагировать на нативную версию, когда можно захотеть установить местоположение.

Как сделать смахивание, как на рисунке ниже?

У кого-нибудь есть подобные ссылки или учебное пособие?Заранее спасибо

Answer 1

Я думаю, что вы ищете эту библиотеку

Установка:

npm install react-native-swipe-up-down --save

Основное использование

import SwipeUpDown from 'react-native-swipe-up-down';


<SwipeUpDown        
    itemMini={<ItemMini />} // Pass props component when collapsed
    itemFull={<ItemFull />} // Pass props component when show full
    onShowMini={() => console.log('mini')}
    onShowFull={() => console.log('full')}
    onMoveDown={() => console.log('down')}
    onMoveUp={() => console.log('up')}
    disablePressToShow={false} // Press item mini to show full
    style={{ backgroundColor: 'green' }} // style for swipe
/>

Вывод: это

Answer 2

Вы можете сделать это, используя https://facebook.github.io/react-native/docs/gesture-responder-system Или более простым способом, используя https://github.com/glepur/react-native-swipe-gestures. Я бы на самом деле использовал модуль react-native-swipe-gestures, который будет эффективным и быстрым.