Router Module for Web and Mobile Navigation

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

2 - Install it

Install packages from the command line

flutter pub get

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();
}

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,
                        ),
                    ),
                ),
            ),
        ),
    );
}

You can open a screen calling the function open_screen and passing the name of the screen:

open_screen("home/courses");

4 - Check Abeinstitute Repo for more examples

Abeinstitute Repo

Abeinstitute

Use this package as a library

Depend on it

Run this command:

With Flutter:

 $ flutter pub add xapptor_router

This will add a line like this to your package's pubspec.yaml (and run an implicit flutter pub get):

dependencies:
  xapptor_router: ^0.0.2

Alternatively, your editor might support flutter pub get. Check the docs for your editor to learn more.

Import it

Now in your Dart code, you can use:

import 'package:xapptor_router/app.dart';
import 'package:xapptor_router/app_screen.dart';
import 'package:xapptor_router/app_screen_route_information_parser.dart';
import 'package:xapptor_router/app_screen_route_path.dart';
import 'package:xapptor_router/app_screen_router_delegate.dart';
import 'package:xapptor_router/app_screens.dart';
import 'package:xapptor_router/initial_values_routing.dart';

Download Details:

Author: Xapptor

Source Code: https://github.com/Xapptor/xapptor_router

#flutter #ios

How to Get Success in Hotel & Hospitality Business by Using a Mobile Apps

If you are developing a hotel app, you are benefiting both the tourists as well as your business. This is one place where the user can get all information under one roof and as such he does not have to consult any other site. ByteCipher is one of the best mobile and web development service providers. Their more than 10 years experienced mobile app developers will help you any time, you can contact them now at 919699356148 for your all related requirements.

#mobile and web development services #mobile and web development service providers #mobile app development company in india #mobile app development company in usa #web and mobile app development company #web and mobile app development company india

Byte Cipher

1622903322

Exposing Most Common Web Development Myths | ByteCipher

Myths are not always widely held false beliefs or ideas. Many web design “myths” were once deemed best practices by even the most experienced web designers. If you need help with your website’s overall design & development and want to ensure it’s accessible as well, get in touch with us @ +1-786-673-0668 or visit our website ByteCipher.net

#web and mobile application development company #web and mobile app development company in usa #web and mobile app development company #web and mobile app development services #mobile and web development services provider #custom software development services

AppClues Infotech

1597910138

How much does it cost to make an app or website?

“If you are planning to build a Web & Mobile App which may cost you around $1,000 to $300,000 depending upon requirements and complexity of projects “

AppClues Infotech – Best Mobile & Web Development Service Provider We are a Mobile & Web Development Company that turns your ideas into a new driving force of your business.

The AppClues Infotech is a team of mobile app and web developers with experience measured by dozens of successfully completed projects. We develop a mobile application for a range of top platforms including Android, Windows, and iOS. We also have extensive knowledge with developing complex website backend and frontend projects. Our major passion is turning your ideas into the game-changing products (Mobile Apps & Website) across global markets.

Our expertise in eCommerce, adtech/martech, and people-to-people fields, as well as other business areas, helps us develop web and mobile app solutions tailored with care for our clients. You can come to AppClues Infotech at any stage of your project - from just an idea to architecture, from development to quality assurance and support.

Mobile App Development Services:

• Cross-Platform App Development

• iOS App Development

• Android App Development

• Window App Development

Web Development Services:

• Javascript Development

• PHP Development

• ROR Development

• Java Development

• Python Development

Our team provides a complete range of web & mobile application development services, including initial prototyping, design, Android / iOS mobile development, as well as application backend and website infrastructure.

We honestly love what we do and eager to share our expertise with you.

Have an awesome idea? AppClues Infotech will provide a quick analysis and free proposal for it. Don’t worry, it is secure and confidential.

Are you ready to build your next mobile app with us?

· View our portfolio: https://www.appcluesinfotech.com/app-portfolio/

· Get a Free Quote: https://www.appcluesinfotech.com/get-a-quote/

#custom web and mobile app development #web and mobile app development #web and mobile app development service #web and mobile app development company #web and mobile app development company in usa

Skenix Infotech

1599217456

Mobile Responsive Web Design

Mobile responsive website design will make your site mobile-friendly, improve the way it looks on devices with both large and small screens, increase the amount of time that visitors spend on your site and help you improve your rankings in search engines.

Contact now to Get the best website design services at a reasonable price from Skenix Infotech.

#responsive web design company in india #responsive web design services #hire web designer #mobile responsive design #responsive web design #mobile web design

Rahim Makhani

1616669264

On-Demand Mobile App Development Services in USA

Mobile apps are developing day-by-day and the usage of mobile apps is also increasing. There are many mobile app development company that are providing services for on-demand mobile app development services.

One of the leading mobile app development company in the USA is Nevina Infotech. It is the best known for providing on-demand app development services till now.

Our On-Demand Mobile App Development Services:-

iPhone App Development
Android App Development
iPad App Development
Game App Development
ionic App Development
Wearable App Development
Flutter App Development

#mobile app development company #mobile app development services #mobile application development services #mobile application development company #mobile app development company usa

Router Module for Web and Mobile Navigation