react-native-actions-sheet icon indicating copy to clipboard operation
react-native-actions-sheet copied to clipboard

Issue with React Native Reusables components

Open cmd-scholar opened this issue 9 months ago • 0 comments

Hasn't anyone tried to use this package with react-native-reusables, been having this weird issue and i don't even know how to describe it but i would try

~/lib/sheets.ts

` import { registerSheet, SheetDefinition } from "react-native-actions-sheet"; import ImportWalletSheet from "~/components/wallet/ImportWalletSheet";

registerSheet("import-wallet-sheet", ImportWalletSheet, "global");

declare module "react-native-actions-sheet" { interface Sheets { "import-wallet-sheet": SheetDefinition; } } export {}; `

// ~home/index.tsx import {Button} from "~/components/ui/buton" // from react-native-reusables import {Link} from "expo-router export default function Screen() { return ( <View> <Button onPress={() => { // So this opens well SheetManager.show("import-wallet-sheet") }}>Open Sheet</Button> <Link href="new-page">Navigate</Link> </View> ) }

// navigate.tsx import {Progress} from "~/components/ui/progress" // from react-native-reusables export default function Screen() { return ( <View> <Progress ..props /> </View> ) }

So for some reason, if i navigate back and try to open the sheet, it tries to come from the top and messes up the styles, so confused rn

IS THERE ANYONE THAT HAS USED THIS TWO TOGETHER AND HAVE EXPERINCED THIS B4??

cmd-scholar avatar Jan 05 '25 03:01 cmd-scholar