remix-react-native-pressable

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:

• Check out the Remix's <Link> documentation for more info.
• Since Remix's <Link> wraps React Router DOM's <Link>, you can use the same props.
• Also, React Native Web's <Pressable> has a full list of props.

Contributors

Horus Lugo 🚧 🤔 💻 🎨 👀