Breaking News: Grepper is joining You.com. Read the official announcement!

dynamic tab view

Evil Elephant answered on February 13, 2022 Popularity 3/10 Helpfulness 3/10

answer dynamic tab view

dynamic tab view

Comment

import 'dart:io';
import 'package:flutter/material.dart';
import 'package:oauth2/oauth2.dart' as oauth2;
void main() {
  runApp(new MaterialApp(
    title: 'Flutter Tutorial',
    home: new TabDream11(),
  ));
}
class TabDream11 extends StatefulWidget {
  @override
  _TabDream11State createState() => _TabDream11State();
}
class _TabDream11State extends State<TabDream11>
    with SingleTickerProviderStateMixin {
  List<String> categories = ["All", "Today"];
  TabController tabController;
  TextStyle tabStyle = TextStyle(fontSize: 16);
  @override
  void initState() {
    super.initState();
    tabController =
        TabController(length: categories.length, vsync: this, initialIndex: 0);
  }
  tabCreate() =>
      CustomScrollView(
        slivers: <Widget>[
          SliverFillRemaining(
            child: Scaffold(
              backgroundColor: Colors.white70,
              appBar: TabBar(
                indicatorColor: Colors.blue,
                labelColor: Colors.black,
                unselectedLabelColor: Colors.black54,
                controller: tabController,
                isScrollable: false,
                tabs: List<Widget>.generate(categories.length, (int index) {
                  return new Tab(
                      child: Text(categories[index],
                          style: TextStyle(
                              fontWeight: FontWeight.w500, fontSize: 15.0)));
                }),
              ),
              body: TabBarView(
                  controller: tabController,
                  children: List<Widget>.generate(
                      categories.length, (int index) {
                    return new Text(categories[index]);
                  })),
            ),
          ),
        ],
      );
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          title: const Text('Flutter Tab Dynamic'),
        ),
        body: tabCreate());
  }
  tabName(String name) =>
      Tab(
        child: Text(
          name,
          style: tabStyle,
        ),
      );
}

Popularity 3/10 Helpfulness 3/10 Language whatever

Source: Grepper

Tags: dynamic view whatever

Link to this answer
Share Copy Link

Contributed on Feb 13 2022

Evil Elephant

0 Answers Avg Quality 2/10

dynamic tab view

Contents

More Related Answers

dynamic tab view

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.