相关疑难解决方法(0)

带TabBar的SliverAppBar

如何在Flutter中将TabBar添加到SliverAppBar?到目前为止,当我bottom向SliverAppBar 添加a 时,title会固定到这些选项卡,而我希望它位于这些选项卡上方。
有任何想法吗?

屏幕

我的代码:

class _MyHomePageState extends State<MyHomePage> with SingleTickerProviderStateMixin{
  TabController controller;


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

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      body: new CustomScrollView(
        slivers: <Widget>[
          new SliverAppBar(
            pinned: true,
            flexibleSpace: new FlexibleSpaceBar(
              title: new Text("Some title"),
            ),
            expandedHeight: 160.0,
            bottom: new TabBar(tabs: [
              new Tab(text: 'Tab 1'),
              new Tab(text: 'Tab 2'),
              new Tab(text: 'Tab 3'),
            ],
            controller: controller,
            ),
          ),
          new SliverList( …
Run Code Online (Sandbox Code Playgroud)

flutter

12
推荐指数
1
解决办法
5026
查看次数

如何在颤振上的列小部件内添加选项卡

我的目标是在列中添加一个选项卡,并在此列上添加更多小部件。

但是当我添加一个标签时,我收到了一个错误

水平视口被赋予无限的高度。视口在横轴上扩展以填充其容器并约束其子项以匹配其在横轴上的范围。在这种情况下,水平视口被赋予无限量的垂直空间来扩展。任何建议我做错了什么?谢谢!

这是我的示例代码

import 'package:flutter/material.dart';
import 'package:trip_finder/screens/home_screen.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Trip Finder',
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        primaryColor: Color(0xFF131415),
        primaryColorLight: Color(0xFF8296ab),
        highlightColor: Color(0xFF47bee1),
        scaffoldBackgroundColor: Color(0xFFf0f1f1)
      ),
//      home: HomeScreen(),
      home: TestScreen(),
    );
  }
}

class TestScreen extends StatefulWidget {
  @override
  _TestScreenState createState() => _TestScreenState();
}

class _TestScreenState extends State<TestScreen> {
  @override
  Widget build(BuildContext context) {
    return Scaffold( …
Run Code Online (Sandbox Code Playgroud)

flutter flutter-layout

5
推荐指数
2
解决办法
4727
查看次数

标签 统计

flutter ×2

flutter-layout ×1