This is the official documentation of the @unitools/navigation
package.
npm install @unitools/navigation
or
yarn add @unitools/navigation
Add module resolver to your next.config.js
file.
// next.config.js
module.exports = {
webpack(config) {
config.resolve.alias["@unitools/navigation"] = "next/navigation";
return config;
},
};
Install @unitools/navigation
and the peer dependency @react-navigation/native
.
npm install @unitools/navigation @react-navigation/native
or
yarn add @unitools/navigation @react-navigation/native
import { usePathname, useSearchParams, useRouter } from "@unitools/navigation";
export default function Home() {
// usePathname
const pathname = usePathname();
// useSearchParams
const searchParams = useSearchParams();
const search = searchParams.get("search");
// useRouter
const router = useRouter();
return (
<View>
<Text>About</Text>
</View>
);
}