1 menjawab

Jawaban Terbaik

Cukup bungkus teks Anda dalam wadah yang berfungsi sebagai latar belakang dan berikan dimensi dan warna.

Container(
  padding: const EdgeInsets.all(8.0),
  color: Colors.yellow,
  child: Text("New Years),
)

Sunting: Seperti yang Anda sebutkan bahwa Anda memerlukan gaya teks ini dalam FlexibleSpaceBar.

Dengan asumsi Anda ingin mendekorasi teks judul di FlexibleSpaceBar, perhatikan bahwa widget Text tidak perlu diteruskan ke bidang judul, Anda dapat meneruskan widget apa pun ke dalamnya.

Berikan Container yang anaknya adalah widget Text dan beri gaya pada wadah. Lihat kode di bawah ini:

import 'package:flutter/material.dart';

void main() => runApp(MaterialApp(home: MyApp()));

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: CustomScrollView(
        physics: const BouncingScrollPhysics(),
        slivers: <Widget>[
          SliverAppBar(
            stretch: true,
            onStretchTrigger: () {
              // Function callback for stretch
              return;
            },
            expandedHeight: 300.0,
            flexibleSpace: FlexibleSpaceBar(
              stretchModes: <StretchMode>[
                StretchMode.zoomBackground,
                StretchMode.blurBackground,
                StretchMode.fadeTitle,
              ],
              centerTitle: true,
              title: Container(  //HERE...
                color: Colors.yellow,
                padding: const EdgeInsets.all(8),
                child: Text(
                  'NEW YEARS',
                  style: TextStyle(
                    color: Colors.black,
                    fontWeight: FontWeight.bold,
                  ),
                ),
              ),
              background: Stack(
                fit: StackFit.expand,
                children: [
                  Image.network(
                    'https://flutter.github.io/assets-for-api-docs/assets/widgets/owl-2.jpg',
                    fit: BoxFit.cover,
                  ),
                  const DecoratedBox(
                    decoration: BoxDecoration(
                      gradient: LinearGradient(
                        begin: Alignment(0.0, 0.5),
                        end: Alignment(0.0, 0.0),
                        colors: <Color>[
                          Color(0x60000000),
                          Color(0x00000000),
                        ],
                      ),
                    ),
                  ),
                ],
              ),
            ),
          ),
          SliverList(
            delegate: SliverChildListDelegate([
              ListTile(
                leading: Icon(Icons.wb_sunny),
                title: Text('Sunday'),
                subtitle: Text('sunny, h: 80, l: 65'),
              ),
              ListTile(
                leading: Icon(Icons.wb_sunny),
                title: Text('Monday'),
                subtitle: Text('sunny, h: 80, l: 65'),
              ),
              // ListTiles++
            ]),
          ),
        ],
      ),
    );
  }
}
0
Yudhishthir Singh 29 Mei 2020, 13:06