keyboardandtabbar.dart

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/rendering.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: 'Flutter Demo',
      theme: new ThemeData(
        primarySwatch: Colors.blue,
      ),

      home: new MyHomePage(title: 'Flutter Demo Home Page'),
      // home: new ExpandableView(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({required this.title});

  final String title;

  @override
  _MyHomePageState createState() => new _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SingleChildScrollView(
        child: Column(
          children: <Widget>[
            Padding(padding: EdgeInsets.only(top: 100)),
            new TextField(),
          ],
        ),
      ),
      bottomNavigationBar: SizedBox(
        height: 120,
        child: Container(
          color: Colors.blue,
          alignment: Alignment.topCenter,
          child: BottomNavigationBar(
            backgroundColor: Colors.blue.withAlpha(0),
            elevation: 0,
            items: [
              BottomNavigationBarItem(
                icon: Icon(Icons.home, size: 50),
                label: 'Home',
              ),
              BottomNavigationBarItem(
                icon: Icon(Icons.child_friendly, size: 50),
                label: 'Child',
              ),
            ],
            selectedItemColor: Colors.black,
            unselectedItemColor: Colors.black,
          ),
        ),
      ),
    );
  }
}

2022-01-10.19.13.00.mov