在应用栏中向文本添加填充

时间:2020-08-08 19:30:02

标签: flutter flutter-layout appbar

如何在SliverAppBar中的文本中添加填充?

effect picture

此代码不起作用:

SliverAppBar(
 title: Padding(
  padding: EdgeInsets.only(top: 100),
  child: Text('text'),
  )
)

2 个答案:

答案 0 :(得分:3)

如果您将填充设置为大于SilverAppBar的高度,则文本将不可见。一种解决方法是将标题添加到bottom的{​​{1}}中:

SilverAppBar

结果:

res

答案 1 :(得分:0)

像这样将SliverAppBar与填充一起使用就像一种魅力:

import 'package:flutter/material.dart';

void main() {
  runApp(MaterialApp(
      title: 'NiklasLehnfeld',
      home: Scaffold(
        body: CustomScrollView(
          slivers: <Widget>[
            SliverAppBar(
              title: Padding(
                padding: const EdgeInsets.only(top: 30.0),
                child: Text("Niklas Lehnfeld"),
              ),
              leading: Icon(Icons.menu),
            )
          ],
        ),
      )));
}

如果仍然无法使用,请提供更多代码,如何将'SliverAppBar`集成到您的身边。