相关疑难解决方法(0)

如何在flutter中创建一个图标和文本位于同一行的标签栏?

我正在尝试创建一个选项卡栏,其中包含选项卡同一行中的图标和文本。

我尝试下面的代码来实现相同的功能,因此图标和文本在选项卡中以列方式显示。

     bottom: TabBar(
                      tabs: [
                        Tab(icon: new Image.asset("assets/images/ic_policy@2x.png",width: 18,height: 18), child: Text("Policies")
                            ),
                        Tab(
                          child: Container(
                            child: Align(
                                alignment: Alignment.center,
                                child: Text("Policy Payments")),
                          ),
                        )
Run Code Online (Sandbox Code Playgroud)

谁能指导我如何实现同样的目标。我的标签栏当前如下所示。

在此输入图像描述

我想设计如下所示的东西:-

在此输入图像描述

flutter flutter-layout

5
推荐指数
1
解决办法
6505
查看次数

如何使用Flutter中的函数创建动态TabBarView /渲染新Tab?

所以我在一段时间内一直在学习颤抖,我陷入了困境.对不起,如果这是一个noobish问题.我目前正在尝试构建类似卡片选项卡的东西.信息和小部件将存储在卡中.

想象一下像Tinder这样的东西,他们有多个卡片堆叠,左右滑动以进行导航.

我打算创建它,但我似乎无法找到一种方法来添加/渲染一个新的卡片按钮.

这就像在列表中添加一些内容一样,Flutter将使用ListView构建器添加到列表中.但是没有TabBarView构建器.这是不可能做到的事情吗?我尝试将一个列表放在一个选项卡中,但它仍然不会相同.

我在这里创建了一些基本的骨架来帮助传达我的意思.所以卡片将左右滑动,appBar中有一个按钮可以添加卡片.Lenght现在是2,我希望按钮能够呈现第3张牌.这可能吗?

提前致谢!

import 'package:flutter/material.dart';

void main() {
  runApp(new MaterialApp(
    home: new CardStack(),

  ));
}


class CardStack extends StatefulWidget {
  @override
  _MainState createState() => new _MainState();
}


class _MainState extends State<CardStack> with SingleTickerProviderStateMixin {

  TabController _cardController;

  @override
  void initState() {
    super.initState();
    _cardController = new TabController(vsync: this, length: 2);
  }

  @override
  void dispose() {
    _cardController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {

    return new Scaffold(
      backgroundColor: Colors.grey[300],
      appBar: new AppBar(
          actions: <Widget>[
            new IconButton(
              icon: const Icon(Icons.add),
              tooltip: …
Run Code Online (Sandbox Code Playgroud)

tabs widget dart flutter flutter-layout

4
推荐指数
2
解决办法
6087
查看次数

标签 统计

flutter ×2

flutter-layout ×2

dart ×1

tabs ×1

widget ×1