Using Cupertino Widgets

import 'package:flutter/cupertino.dart';

void main() {
  runApp(
    CupertinoApp(
      home: CupertinoPageScaffold(
        navigationBar: CupertinoNavigationBar(
          middle: Text('My App'),
        ),
        child: Center(
          child: Text('Hello, World!'),
        ),
      ),
    ),
  );
}

import 'package:flutter/cupertino.dart';

class MyCupertinoPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return CupertinoPageScaffold(
      navigationBar: CupertinoNavigationBar(
        middle: Text('My App'),
      ),
      child: Center(
        child: Text('Hello, Cupertino!'),
      ),
    );
  }
}

import 'package:flutter/cupertino.dart';

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return CupertinoPageScaffold(
      navigationBar: CupertinoNavigationBar(
        middle: Text('Home'),
      ),
      child: Center(
        child: Text('Hello, World!'),
      ),
    );
  }
}

import 'package:flutter/cupertino.dart';

class MyCupertinoApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return CupertinoTabScaffold(
      tabBar: CupertinoTabBar(
        items: [
          CupertinoTabBarItem(icon: Icon(CupertinoIcons.home), label: 'Home'),
          CupertinoTabBarItem(icon: Icon(CupertinoIcons.settings), label: 'Settings'),
        ],
      ),
      tabBuilder: (context, index) {
        return CupertinoTabView(
          builder: (context) {
            return index == 0
                ? CupertinoPageScaffold(
                    navigationBar: CupertinoNavigationBar(
                      middle: Text('Home'),
                    ),
                    child: Center(child: Text('Home Content')),
                  )
                : CupertinoPageScaffold(
                    navigationBar: CupertinoNavigationBar(
                      middle: Text('Settings'),
                    ),
                    child: Center(child: Text('Settings Content')),
                  );
          },
        );
      },
    );
  }
}

<CupertinoButton(
  child: Text("Tap Me"),
  onPressed: () {
    print("Button pressed!");
  },
)>

<CupertinoButton(
  child: Text("Primary"),
  onPressed: () {
    Navigator.push(context, MaterialPageRoute(builder: (context) => MyPage()));
  },
  color: CupertinoColors.activeBlue,
)>

<CupertinoTextField
  placeholder: "Enter your name",
  controller: TextEditingController(),
  keyboardType: TextInputType.text,
/>

<CupertinoTextField
  placeholder: "Enter password",
  obscureText: true,
  controller: TextEditingController(),
/>

<CupertinoPicker
  itemExtent: 32.0,
  children: [
    Text('Option 1'),
    Text('Option 2'),
    Text('Option 3'),
  ],
  onSelect: (index) {
    print('Selected index: $index');
  },
/>

import 'package:flutter/cupertino.dart';

CupertinoDatePicker(
  initialDateTime: DateTime.now(),
  onDateTimeChanged: (DateTime newDateTime) {
    print('Selected date: $newDateTime');
  },
  mode: CupertinoDatePickerMode.date,
)

CupertinoDatePicker(
  initialDateTime: DateTime.now(),
  onDateTimeChanged: (DateTime newDateTime) {
    print('Selected time: $newDateTime');
  },
  mode: CupertinoDatePickerMode.time,
  use24hFormat: true,
)

<CupertinoAlertDialog
  title: Text('Alert Title'),
  content: Text('This is the alert content.'),
  actions: [
    CupertinoDialogAction(
      child: Text('Cancel'),
      onPressed: () {
        Navigator.of(context).pop();
      },
    ),
    CupertinoDialogAction(
      child: Text('OK'),
      onPressed: () {
        Navigator.of(context).pop();
      },
    ),
  ],
)>

showCupertinoModalPopup(
  context: context,
  builder: (BuildContext context) {
    return CupertinoActionSheet(
      title: Text('Select an option'),
      message: Text('Choose one of the following actions'),
      actions: [
        CupertinoActionSheetAction(
          child: Text('Option 1'),
          onPressed: () {
            Navigator.pop(context);
          },
        ),
        CupertinoActionSheetAction(
          child: Text('Option 2'),
          onPressed: () {
            Navigator.pop(context);
          },
        ),
      ],
      cancelAction: CupertinoActionSheetAction(
        child: Text('Cancel'),
        onPressed: () {
          Navigator.pop(context);
        },
      ),
    );
  },
);

import 'package:flutter/cupertino.dart';

CupertinoSwitch(
  value: isSwitched,
  onChanged: (bool value) {
    setState(() {
      isSwitched = value;
    });
  },
  activeColor: CupertinoColors.activeBlue,
  inactiveColor: CupertinoColors.inactiveGray,
)

import 'package:flutter/cupertino.dart';

CupertinoSlider(
  min: 0.0,
  max: 100.0,
  value: sliderValue,
  divisions: 100,
  onChangeEnd: (double value) {
    setState(() {
      sliderValue = value;
    });
  },
  activeColor: CupertinoColors.activeBlue,
)

<CupertinoContextMenu
  child: Container(
    height: 100,
    width: 200,
    color: CupertinoColors.systemBlue,
    child: Center(
      child: Text("Long press me"),
    ),
  ),
  actions: [
    CupertinoContextMenuAction(
      child: Text("Share"),
      onPressed: () {
        print("Share action tapped");
      },
    ),
    CupertinoContextMenuAction(
      child: Text("Delete"),
      onPressed: () {
        print("Delete action tapped");
      },
    ),
  ],
)>