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 MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const TestPage1(),
    );
  }
}

class TestPage1 extends StatefulWidget {
  const TestPage1({Key? key}) : super(key: key);

  @override
  State<TestPage1> createState() => _TestPage1State();
}

class _TestPage1State extends State<TestPage1> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      bottomNavigationBar: BottomNavigationBar(
        backgroundColor: Colors.red,
        items: const [
          BottomNavigationBarItem(icon: Text('1'), label: "1"),
          BottomNavigationBarItem(icon: Text('2'), label: "2"),
          BottomNavigationBarItem(icon: Text('3'), label: "3"),
        ],
      ),
      body: const Center(
        child: CupertinoTextField(
          padding: EdgeInsets.all(20),
          placeholder: "Tap me!",
          decoration: BoxDecoration(color: Colors.green),
        ),
      ),
    );
  }
}

class TestPage2 extends StatefulWidget {
  const TestPage2({Key? key}) : super(key: key);

  @override
  State<TestPage2> createState() => _TestPage2State();
}

class _TestPage2State extends State<TestPage2> {
  @override
  Widget build(BuildContext context) {
    return CupertinoTabScaffold(
      tabBar: CupertinoTabBar(
        items: const [
        BottomNavigationBarItem(icon: Text('1'), label: "1"),
        BottomNavigationBarItem(icon: Text('2'), label: "2"),
        BottomNavigationBarItem(icon: Text('3'), label: "3"),
      ],backgroundColor: Colors.orange,),
      tabBuilder: (BuildContext context, int index) {
        return const Center(
          child: CupertinoTextField(
            padding: EdgeInsets.all(20),
            placeholder: "Tap me!",
            decoration: BoxDecoration(color: Colors.green),
          ),
        );
      },
    );
  }
}