fit_ui 1.0.5 copy "fit_ui: ^1.0.5" to clipboard
fit_ui: ^1.0.5 copied to clipboard

A powerful and intuitive Flutter package for creating responsive and adaptive UIs. Build component-level responsive layouts with ease.

example/lib/main.dart

// FILE: example/lib/examples/main.dart

import 'package:flutter/material.dart';

import 'examples/ecommerce/product_model.dart';
import 'examples/ecommerce/product_page.dart';

void main() {
  runApp(const ExampleApp());
}

class ExampleApp extends StatelessWidget {
  const ExampleApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Fit UI Examples',
      theme: ThemeData(
        primarySwatch: Colors.blueGrey,
        visualDensity: VisualDensity.adaptivePlatformDensity,
        useMaterial3: true,
      ),
      debugShowCheckedModeBanner: false,
      home: const HomePage(),
    );
  }
}

class HomePage extends StatelessWidget {
  const HomePage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Fit UI Examples'),
      ),
      body: ListView(
        children: [
          ListTile(
            leading: const Icon(Icons.shopping_cart),
            title: const Text('E-commerce Product Page'),
            subtitle: const Text('Responsive product page example'),
            onTap: () {
              Navigator.push(
                context,
                MaterialPageRoute(
                  builder: (context) => ProductPage(product: sampleProduct),
                ),
              );
            },
          ),
          ListTile(
            leading: const Icon(Icons.dashboard),
            title: const Text('Dashboard Example'),
            subtitle: const Text('Coming soon...'),
            onTap: () {},
          ),
          ListTile(
            leading: const Icon(Icons.chat),
            title: const Text('Chat App Example'),
            subtitle: const Text('Coming soon...'),
            onTap: () {},
          ),
        ],
      ),
    );
  }
}
6
likes
160
points
38
downloads

Publisher

unverified uploader

Weekly Downloads

A powerful and intuitive Flutter package for creating responsive and adaptive UIs. Build component-level responsive layouts with ease.

Repository (GitHub)
View/report issues
Contributing

Topics

#responsive #adaptive #layout #flutter-ui #breakpoint

Documentation

API reference

License

BSD-3-Clause (license)

Dependencies

flutter

More

Packages that depend on fit_ui