textfieldtab

main.dart

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

void main() => runApp(new MaterialApp(home: new MyHomePage()));

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key}) : super(key: key);

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

class _MyHomePageState extends State<MyHomePage> {

  Widget createTextFieldListView(){
    return new ListView(
      shrinkWrap: true,
      reverse: true,
      children: <Widget>[
        new TextField(
          decoration: new InputDecoration(hintText: "Add text here"),
        ),
        new AspectRatio(
          aspectRatio: 1.0,
          child: new Container(
            color: Colors.green,
          ),
        ),
      ].toList(),
    );
  }

  @override
  Widget build(BuildContext context) {
    return new CupertinoTabScaffold(
      tabBar: new CupertinoTabBar(
        items: <BottomNavigationBarItem>[
          new BottomNavigationBarItem(icon: new Icon(Icons.home), title: new Text("One")),
          new BottomNavigationBarItem(icon: new Icon(Icons.home), title: new Text("Two")),
          new BottomNavigationBarItem(icon: new Icon(Icons.home), title: new Text("Three")),
        ],
      ),
      tabBuilder: (BuildContext context, int index) {
        return new CupertinoTabView(builder: (BuildContext context){
          return new CupertinoPageScaffold(
            navigationBar: new CupertinoNavigationBar(),
            child: createTextFieldListView(),
          );
        });
      },
    );
  }
}