Code:
import 'package:fluent_appbar/fluent_appbar.dart';
import 'package:flutter/material.dart';
class FluentAppbar2 extends StatefulWidget {
@override
_FluentAppbar2State createState() => _FluentAppbar2State();
}
class _FluentAppbar2State extends State<FluentAppbar2> {
final ScrollController scrollController = ScrollController();
final List<String> entries = <String>[
'A',
'B',
'C',
'A',
'B',
'C',
'A',
'B',
'C',
'A',
'B',
'C'
];
final List<int> colorCodes = <int>[
600,
500,
100,
600,
500,
100,
600,
500,
100,
600,
500,
100
];
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("Fluent Appbar"),
),
body: Stack(children: <Widget>[
listDemo(),
FluentAppBar(scrollController: scrollController, titleText: 'Home')
]),
);
}
Future<bool> getData() async {
await Future<dynamic>.delayed(const Duration(milliseconds: 50));
return true;
}
Widget listDemo() {
return FutureBuilder<bool>(
future: getData(),
builder: (BuildContext context, AsyncSnapshot<bool> snapshot) {
if (!snapshot.hasData) {
return const SizedBox();
} else {
return ListView.builder(
controller: scrollController,
padding: EdgeInsets.only(
top: AppBar().preferredSize.height +
MediaQuery.of(context).padding.top +
45,
bottom: 80 + MediaQuery.of(context).padding.bottom,
),
itemCount: entries.length,
scrollDirection: Axis.vertical,
itemBuilder: (BuildContext context, int index) {
//widget.animationController.forward();
return Container(
height: 70,
color: Colors.blueGrey[colorCodes[index]],
child: Center(child: Text('Entry ${entries[index]}')),
);
},
);
}
},
);
}
}
0 Comments