adaptive_widgets_flutter 0.1.5

A Flutter package for supporting adaptive widgets for iOS and Android platform.

example/lib/main.dart

import 'package:adaptive_widgets_flutter/adaptive_widgets.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

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

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

  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      title: 'Adaptive Widgets',
      home: Home(),
    );
  }
}

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: CupertinoColors.systemBackground.resolveFrom(context),
      appBar: AppBar(
        title: const Text('Adaptive Widgets'),
      ),
      body: AdaptiveRefreshableScrollView(
        padding: const EdgeInsets.all(20),
        onRefresh: () async {
          await Future.delayed(const Duration(seconds: 2));
        },
        slivers: [
          SliverToBoxAdapter(
            child: CupertinoButton.filled(
              onPressed: () async {
                await AdaptiveWidgets.showDatePicker(context);
              },
              child: const Text('Show Date Picker'),
            ),
          ),
          const SliverPadding(padding: EdgeInsets.only(top: 20)),
          SliverToBoxAdapter(
            child: CupertinoButton.filled(
              onPressed: () async {
                await AdaptiveWidgets.showTimePicker(context);
              },
              child: const Text('Show Time Picker'),
            ),
          ),
          const SliverPadding(padding: EdgeInsets.only(top: 20)),
          SliverToBoxAdapter(
            child: CupertinoButton.filled(
              onPressed: () async {
                await AdaptiveWidgets.showDialog(
                  context,
                  title: 'Sample Title',
                  content: 'Sample Content',
                  actionButtons: [
                    AdaptiveDialogButtonBuilder(
                      text: 'OK',
                      onPressed: (context) {
                        Navigator.of(context).pop();
                      },
                    ),
                  ],
                );
              },
              child: const Text('Show Dialog'),
            ),
          ),
          const SliverPadding(padding: EdgeInsets.only(top: 20)),
          SliverToBoxAdapter(
            child: CupertinoButton.filled(
              onPressed: () async {
                final actionButtons = [
                  AdaptiveBottomSheetButtonBuilder(
                    child: const Text('Action 1'),
                    onPressed: (context) =>
                        Navigator.of(context).pop('action 1'),
                  ),
                  AdaptiveBottomSheetButtonBuilder(
                      child: Row(
                    mainAxisSize: MainAxisSize.min,
                    children: [
                      Icon(Icons.adaptive.share),
                      const SizedBox(width: 10),
                      const Text('Share'),
                    ],
                  )),
                  AdaptiveBottomSheetButtonBuilder(
                      child: const Text('Cancel'), isCancelAction: true),
                  AdaptiveBottomSheetButtonBuilder(
                      child: const Text('Action 3')),
                ];

                final result = await AdaptiveWidgets.showBottomActionSheet(
                  context,
                  actionButtons: actionButtons,
                  title: const Text('Sample Title'),
                  message: const Text('Sample Message'),
                );
                debugPrint(result);
              },
              child: const Text('Show Bottom Action Sheet'),
            ),
          ),
        ],
      ),
    );
  }
}