легкие краны в флаттере - PullRequest
0 голосов
/ 06 марта 2020

Я хочу сильно ударить пальцами по содержимому соответствующей вкладки. В приведенном ниже коде одно касание покрывало всю ширину экрана, если я переместился к следующему касанию, чем нужно изменить содержание табуляции, но я могу изменять содержимое только при нажатии на касание или перелистывании содержимого табуляции. Я буду очень признателен, если мне помогут решить эту проблему.

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,
              ))
        ],
      ),
    )

  ),
);
}}
...