Next Planet of Monkeys

    remix-react-native-pressable
    TypeScript icon, indicating that this package has built-in type declarations

    1.0.3 • Public • Published

    remix-react-native-pressable

    NPM Bundlephobia Github All Contributors License License License

    React Native Web's <Pressable>, but with Remix's <Link> magic.

    How to use:

    Install it with your favorite package manager:

    # npm
    npm install remix-react-native-pressable
    
    # yarn
    yarn add remix-react-native-pressable
    
    # pnpm
    pnpm add remix-react-native-pressable

    Imagine <RemixPressable> is like a Remix <Link>, but with all the React Native Web Pressable props!

    Here's a little example using the to property.

    import { View, Text } from 'react-native';
    import { RemixPressable } from 'remix-react-native-pressable';
    
    export default function MyRemixRoute() {
      return (
        <View>
          <RemixPressable to="/about">
            <Text>Link to /about</Text>
          </RemixPressable>
        </View>
      );
    }

    We also provide a <RemixPressableChildren> component and a useRemixPressableProps hook, in case you want to build your own wrapper or use the render prop pattern.

    More docs:

    Contributors


    Horus Lugo

    🚧 🤔 💻 🎨 👀

    Install

    npm i remix-react-native-pressable

    DownloadsWeekly Downloads

    7

    Version

    1.0.3

    License

    MIT

    Unpacked Size

    51.1 kB

    Total Files

    17

    Last publish

    Collaborators

    • horuslugo