相关疑难解决方法(0)

如何使用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
查看次数

标签 统计

dart ×1

flutter ×1

flutter-layout ×1

tabs ×1

widget ×1