xapptor_router

Description:

xapptor router

Xapptor Router #

Router Module for Web and Mobile Navigation. #
Let's get started #
1 - Depend on it #
Add it to your package's pubspec.yaml file
dependencies:
xapptor_router: ^0.0.2
copied to clipboard
2 - Install it #
Install packages from the command line
flutter pub get
copied to clipboard
3 - Learn it like a charm #
Call your start_screens_config function in your main.dart #
Future<void> main() async {
WidgetsFlutterBinding.ensureInitialized();
await Firebase.initializeApp();
Paint.enableDithering = true;
SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp]);
start_screens_config();
}
copied to clipboard
Create start_screens_config function #
* Set current_build_mode #
* Set landing_screen #
* Set unknown_screen #
* Add new app screens with add_new_app_screen function #
* Final step is call runApp function using the default Xapptor App class, setting your app_name and theme #
start_screens_config() {
current_build_mode = BuildMode.release;
landing_screen = Landing();
unknown_screen = UnknownScreen(
logo_path: logo_image_path,
);

add_new_app_screen(
AppScreen(
name: "login",
child: UserInfoView(
text_list: [
"Email",
"Password",
"Remember me",
"Log In",
"Recover password",
"Register",
],
tc_and_pp_text: RichText(text: TextSpan()),
gender_values: [],
country_values: [],
text_color: Colors.blue,
first_button_color: Colors.white,
second_button_color: Colors.white,
third_button_color: Colors.white,
logo_image_path: "your_image_path",
has_language_picker: false,
topbar_color: Colors.blue,
custom_background: null,
user_info_form_type: UserInfoFormType.login,
outline_border: true,
first_button_action: null,
second_button_action: open_forgot_password,
third_button_action: open_register,
has_back_button: true,
text_field_background_color: null,
),
),
);

add_new_app_screen(
AppScreen(
name: "privacy_policy",
child: PrivacyPolicy(
base_url: "https://www.domain.com",
use_topbar: false,
topbar_color: Colors.blue,
),
),
);

add_new_app_screen(
AppScreen(
name: "home",
child: Home(),
),
);

runApp(
App(
app_name: "MyAppName",
theme: ThemeData(
primarySwatch: your_material_color,
fontFamily: 'VarelaRound',
textButtonTheme: TextButtonThemeData(
style: TextButton.styleFrom(
padding: EdgeInsets.only(
left: 20,
right: 20,
),
),
),
),
),
);
}
copied to clipboard
You can open a screen calling the function open_screen and passing the name of the screen: #
open_screen("home/courses");
copied to clipboard
4 - Check Abeinstitute Repo for more examples #
Abeinstitute Repo
Abeinstitute