Food Delivery App – Flutter UI Kit

Here is the settings example for the Food Delivery App – Flutter UI Kit:

Initialization

To use the Food Delivery App – Flutter UI Kit, you need to initialize it in your application. You can do this by adding the following lines of code in your main function:

void main() {
  runApp(MyApp());
}

Theme and Colors

To configure the theme and colors of your application, you can add the following code in your MaterialApp widget:

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Food Delivery App',
      theme: ThemeData(
        primaryColor: Color(0xff3498db),
        accentColor: Color(0xffffc107),
        primarySwatch: Colors.blue,
      ),
      home: SplashScreen(),
    );
  }
}

Localization

To configure the localization of your application, you can add the following code in your MaterialApp widget:

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Food Delivery App',
      theme: ThemeData(
        primaryColor: Color(0xff3498db),
        accentColor: Color(0xffffc107),
        primarySwatch: Colors.blue,
      ),
      supportedLocales: [
        Locale('en', 'US'), // English
        Locale('fr', 'FR'), // French
      ],
      locale: Locale('en', 'US'), // Default locale
      home: SplashScreen(),
    );
  }
}

Routing

To configure the routing of your application, you can add the following code:

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Food Delivery App',
      theme: ThemeData(
        primaryColor: Color(0xff3498db),
        accentColor: Color(0xffffc107),
        primarySwatch: Colors.blue,
      ),
      routes: {
        '/': (context) => SplashScreen(),
        '/splash': (context) => SplashScreen(),
        '/home': (context) => HomeScreen(),
        '/login': (context) => LoginScreen(),
      },
      home: SplashScreen(),
    );
  }
}

SnackBar

To configure the snack bar of your application, you can add the following code:

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Food Delivery App',
      theme: ThemeData(
        primaryColor: Color(0xff3498db),
        accentColor: Color(0xffffc107),
        primarySwatch: Colors.blue,
      ),
      home: SplashScreen(),
    );
  }
}

class SplashScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Padding(
          padding: const EdgeInsets.all(20.0),
          child: Text(
            'Loading...',
            style: TextStyle(fontSize: 24, color: Colors.white),
          ),
        ),
      ),
      appBar: AppBar(
        title: Text('Food Delivery App'),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          final snackBar = SnackBar(
            content: Text('Hello, World!'),
            action: SnackBarAction(
              label: 'Undo',
              onPressed: () {
                // Action to undo
              },
            ),
          );
          ScaffoldMessenger.of(context).showSnackBar(snackBar);
        },
      ),
    );
  }
}

Pull to Refresh

To configure the pull to refresh functionality of your application, you can add the following code:

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Food Delivery App',
      theme: ThemeData(
        primaryColor: Color(0xff3498db),
        accentColor: Color(0xffffc107),
        primarySwatch: Colors.blue,
      ),
      home: SplashScreen(),
    );
  }
}

class SplashScreen extends StatefulWidget {
  @override
  _SplashScreenState createState() => _SplashScreenState();
}

class _SplashScreenState extends State<SplashScreen> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: RefreshIndicator(
        onRefresh: () async {
          // Refresh data here
        },
        child: Center(
          child: Padding(
            padding: const EdgeInsets.all(20.0),
            child: Text(
              'Loading...',
              style: TextStyle(fontSize: 24, color: Colors.white),
            ),
          ),
        ),
      ),
    );
  }
}

Dialogs

To configure the dialog functionality of your application, you can add the following code:

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Food Delivery App',
      theme: ThemeData(
        primaryColor: Color(0xff3498db),
        accentColor: Color(0xffffc107),
        primarySwatch: Colors.blue,
      ),
      home: SplashScreen(),
    );
  }
}

class SplashScreen extends StatefulWidget {
  @override
  _SplashScreenState createState() => _SplashScreenState();
}

class _SplashScreenState extends State<SplashScreen> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Food Delivery App'),
      ),
      body: Center(
        child: Padding(
          padding: const EdgeInsets.all(20.0),
          child: ElevatedButton(
            onPressed: () {
              showDialog(
                context: context,
                builder: (context) {
                  return AlertDialog(
                    title: Text('Hello, World!'),
                    content: Text('This is a dialog box'),
                    actions: [
                      TextButton(
                        onPressed: () {
                          Navigator.of(context).pop();
                        },
                        child: Text('OK'),
                      ),
                    ],
                  );
                },
              );
            },
            child: Text('Show Dialog'),
          ),
        ),
      ),
    );
  }
}

Tabs

To configure the tabs functionality of your application, you can add the following code:

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Food Delivery App',
      theme: ThemeData(
        primaryColor: Color(0xff3498db),
        accentColor: Color(0xffffc107),
        primarySwatch: Colors.blue,
      ),
      home: DefaultTabController(
        length: 3,
        child: Scaffold(
          appBar: AppBar(
            title: Text('Food Delivery App'),
            bottom: TabBar(
              tabs: [
                Tab(text: 'Home'),
                Tab(text: 'Favorite'),
                Tab(text: 'Profile'),
              ],
            ),
          ),
          body: TabBarView(
            children: [
              HomeScreen(),
              FavoriteScreen(),
              ProfileScreen(),
            ],
          ),
        ),
      ),
    );
  }
}

Please note that the above is just an example and actual implementation may vary based on your application requirements.

Here are the key features of the Food Delivery App – Flutter UI Kit:

1. Total of 40++ Screens: The kit contains over 40 screens with light and white theme, comprising of many ready-to-use screens, widgets, features, and more.
2. Optimized Codebase: The code is optimized for performance and regular updates are provided, adding up to 400 hours of saved work.
3. Full Source Code: The download package comes with the full source code, images, icons, and all other resources required to build the app.
4. Weekly Code Updates: The kit offers free weekly version upgrades for the latest features and optimizations.
5. iOS and Android Support: The app is designed to be compatible with both iOS and Android devices, including tablet and mobile devices.
6. Dart Language: The app is written in Dart, a Google-developed programming language designed for building web and mobile applications.
7. Industry-Expert UI/UX Design: The user interface and user experience designs are created by industry experts to ensure a high-end look and feel.
8. Font Awesome & Material Icons: The kit includes Font Awesome and Material Icons for a comprehensive list of icons.
9. Responsive Design: The app is designed to respond to different screen sizes, devices, and orientations (responsive design).
10. Light & Dark Themes: The app offers the option to switch between two themes: light and dark.
11. Advanced Features: The kit provides advanced features such as login, sign-up, forgot password, settings, profiles, cart, checkout, and more.
12. 100+ Widgets Added with Animations: Additionally, the kit includes more than 100 widgets along with animations to enhance user experience.

These features promise to make the Food Delivery App – Flutter UI Kit a comprehensive and user-friendly solution for developers looking to build a food delivery or e-commerce app using the Flutter framework.