react-native-actions-sheet
react-native-actions-sheet copied to clipboard
Issue with React Native Reusables components
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??