solid-navigation
v1.0.0-alpha.16
Published
Native navigation for SolidJS mobile apps built with NativeScript.
Downloads
15
Maintainers
Readme
solid-navigation
Native navigation for SolidJS mobile apps built with NativeScript.
Warning This is a work in progress.
Installation
npm install solid-navigation --save
Usage
Create a router inside a new file, for example app/router.ts
;
import { createStackRouter, RouteDefinition } from "solid-navigation";
declare module "solid-navigation" {
export interface Routers {
Default: {
Home: RouteDefinition<{
user: string;
}>;
Settings: RouteDefinition;
Feed: RouteDefinition;
};
}
}
export const { Route, StackRouter, useParams, useRouter } =
createStackRouter<"Default">();
Use the router in your app:
import Home from "./home";
import { Route, StackRouter } from "./router";
const App = () => {
return (
<StackRouter initialRouteName="Home">
<Route
name="Home"
component={Home}
initialParams={{
user: "@ammarahmed",
}}
/>
</StackRouter>
);
};