Flutter 当滑动条在颤振中最小化时,是否有办法查看内容?
当滑动应用条最小化时,是否有办法看到“文本”部分,如下图所示? 当滑动条如下图所示最小化时,有没有办法看到“文本”部分?当滑动条如下图所示最小化时,有没有办法看到“文本”部分Flutter 当滑动条在颤振中最小化时,是否有办法查看内容?,flutter,dart,flutter-sliver,Flutter,Dart,Flutter Sliver,当滑动应用条最小化时,是否有办法看到“文本”部分,如下图所示? 当滑动条如下图所示最小化时,有没有办法看到“文本”部分?当滑动条如下图所示最小化时,有没有办法看到“文本”部分 import 'package:flutter/material.dart'; main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) {
import 'package:flutter/material.dart';
main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Page1(),
);
}
}
class Page1 extends StatefulWidget {
@override
_Page1State createState() => _Page1State();
}
class _Page1State extends State<Page1> {
@override
Widget build(BuildContext context) {
return Scaffold(
body: CustomScrollView(
slivers: <Widget>[
SliverAppBar(
pinned: true,
expandedHeight: 180.0,
flexibleSpace: FlexibleSpaceBar(
title: Text('test'),
background: Image.asset(
'assets/images/background.png',
fit: BoxFit.cover,
),
),
),
SliverFillRemaining(
child: Container(
decoration: BoxDecoration(
color: Colors.white,
),
child: Text('TEST'),
),
)
],
),
);
}
}
使用customScrollView或其他类型的滚动视图,当屏幕上有很多不适合的项目时使用。在您的情况下,不需要折叠的sliver应用程序条,因此使用SliveToboxaAdapter代替SliverFill
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Page1(),
);
}
}
class Page1 extends StatefulWidget {
@override
_Page1State createState() => _Page1State();
}
class _Page1State extends State<Page1> {
@override
Widget build(BuildContext context) {
return Scaffold(
extendBodyBehindAppBar: false,
body: Container(
color: Colors.white,
child: CustomScrollView(
slivers: <Widget>[
SliverAppBar(
floating: false,
pinned: true,
expandedHeight: 180.0,
flexibleSpace: FlexibleSpaceBar(
title: Text('test'),
background: Image.asset(
'assets/images/background.png',
fit: BoxFit.cover,
),
),
),
SliverToBoxAdapter(
child: Container(
decoration: BoxDecoration(
color: Colors.white,
),
child: Text('TEST'),
),
)
],
),
),
);
}
}