代码之家 › 专栏 › 技术社区 › N Sharma

颤振中没有显示标签

flutter ios android

N Sharma · 技术社区 · 8 年前

有人知道是什么原因吗?

class DashboardScreen extends StatelessWidget {
  Widget bodyData() => SingleChildScrollView(
        child: Padding(
          padding: const EdgeInsets.all(8.0),
          child: Column(
            children: <Widget>[
              Padding(
                padding: const EdgeInsets.all(8.0),
                child: DefaultTabController(
                  length: 3,
                  child: Scaffold(
                    appBar: AppBar(
                      bottom: TabBar(
                        tabs: [
                          Tab(icon: Icon(Icons.directions_car)),
                          Tab(icon: Icon(Icons.directions_transit)),
                          Tab(icon: Icon(Icons.directions_bike)),
                        ],
                      ),
                      title: Text('Tabs Demo'),
                    ),
                    body: TabBarView(
                      children: [
                        Icon(Icons.directions_car),
                        Icon(Icons.directions_transit),
                        Icon(Icons.directions_bike),
                      ],
                    ),
                  ),
                ),
              ),
              SizedBox(
                height: 10.0,
              ),
            ],
          ),
        ),
      );

  @override
  Widget build(BuildContext context) {
    return CommonScaffold(
      appTitle: "Pay",
      showDrawer: true,
      bodyData: bodyData(),
    );
  }
}

当我有下面的代码,然后它显示正确的文本。

  Widget bodyData() => SingleChildScrollView(
        child: Padding(
          padding: const EdgeInsets.all(8.0),
          child: Column(
            children: <Widget>[
              Padding(
                padding: const EdgeInsets.all(8.0),
                child: Center(
                  child: Text(
                    "Pay Your Bills",
                    style:
                        TextStyle(fontWeight: FontWeight.w700, fontSize: 20.0),
                  ),
                ),
              ),
              SizedBox(
                height: 10.0,
              ),
            ],
          ),
        ),
      );

2 回复 | 直到 8 年前

Viren V Varasadiya 8 年前

我不知道您到底想创建什么,但它们是您的代码的几个问题。您可以检查下面的代码它对Tab视图工作良好。

import 'package:flutter/material.dart';

  void main() {
    runApp(MyHomePage());
  }

  class MyHomePage extends StatelessWidget {

    @override
    Widget build(BuildContext context) {
      return MaterialApp(
        debugShowCheckedModeBanner: false,
        theme: new ThemeData(
          accentColor: Colors.blue,
        ),
        home: DashboardScreen(),
      );
    }
  }
  class DashboardScreen extends StatelessWidget {
    Widget bodyData() =>
        DefaultTabController(
          length: 3,
          child: Scaffold(
            appBar: AppBar(
              bottom: TabBar(
                tabs: [
                  Tab(icon: Icon(Icons.directions_car)),
                  Tab(icon: Icon(Icons.directions_transit)),
                  Tab(icon: Icon(Icons.directions_bike)),
                ],
              ),
              title: Text('Tabs Demo'),
            ),
            body: TabBarView(
              children: [
                Icon(Icons.directions_car),
                Icon(Icons.directions_transit),
                Icon(Icons.directions_bike),
              ],
            ),
          ),
        );


    @override
    Widget build(BuildContext context) {
      return Scaffold(
        body: bodyData(),
      );
    }
  }

boformer 8 年前

看看官方教程: https://flutter.io/cookbook/design/tabs/

从示例代码开始,然后慢慢添加修改以了解发生了什么(同时在模拟器中查看实时结果)。