Я хочу сильно ударить пальцами по содержимому соответствующей вкладки. В приведенном ниже коде одно касание покрывало всю ширину экрана, если я переместился к следующему касанию, чем нужно изменить содержание табуляции, но я могу изменять содержимое только при нажатии на касание или перелистывании содержимого табуляции. Я буду очень признателен, если мне помогут решить эту проблему.
import 'package:flutter/material.dart';
final Color darkBlue = Color.fromARGB(255, 18, 32, 47);
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
theme: ThemeData.dark().copyWith(scaffoldBackgroundColor: darkBlue),
debugShowCheckedModeBanner: false,
home: Scaffold(
body: Center(
child: MyHomePage(),
),
),
);
}}
class MyHomePage extends StatefulWidget {
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
@override
Widget build(BuildContext context) {
final _kTabPages = <Widget>[
Center(child: Icon(Icons.cloud, size: 64.0, color: Colors.teal)),
Center(child: Icon(Icons.alarm, size: 64.0, color: Colors.cyan)),
Center(child: Icon(Icons.forum, size: 64.0, color: Colors.blue)),
Center(child: Icon(Icons.forum, size: 64.0, color: Colors.blue)),
Center(child: Icon(Icons.forum, size: 64.0, color: Colors.blue)),
Center(child: Icon(Icons.forum, size: 64.0, color: Colors.blue)),
Center(child: Icon(Icons.forum, size: 64.0, color: Colors.blue)),
Center(child: Icon(Icons.forum, size: 64.0, color: Colors.blue)),
];
final _kTabs = <Tab>[
Tab(text: 'Lead-In'),
Tab(text:'Contacted'),
Tab(text:'Demo'),
Tab(text:'Presented'),
Tab(text:'Proposal'),
Tab(text:'Discussed'),
Tab(text:'Closure'),
Tab(text:'Follow Up'),
];
return DefaultTabController(
length: _kTabs.length,
child: Scaffold(
appBar: AppBar(
title: Text('demo tap'),
actions: <Widget>[
IconButton(
icon: Icon(Icons.account_circle),
onPressed: () {},
),
],
),
body: DefaultTabController(
length: 8,
initialIndex: 0,
child: Column(
children: <Widget>[
Container(
height: 60.0,
width: MediaQuery.of(context).size.width,
color: Colors.white,
child: TabBar(
isScrollable: true,
labelColor: Colors.teal,
indicatorColor: Colors.teal,
indicatorWeight: 2.0,
labelPadding: EdgeInsets.only(right: 250.0, left: 40.0),
indicatorPadding: EdgeInsets.only(left: 40.0),
labelStyle: TextStyle(fontSize: 16.0),
tabs: _kTabs,
)),
Container(
height: MediaQuery.of(context).size.height,
child: TabBarView(
children: _kTabPages,
))
],
),
)
),
);
}}