import 'package:flutter/material.dart';
void main() => runApp(const MyApp());
/// This is the main application widget.
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
static const String _title = 'Flutter Code Sample';
@override
Widget build(BuildContext context) {
return const MaterialApp(
title: _title,
home: MyStatefulWidget(),
);
}
}
/// This is the stateful widget that the main application instantiates.
class MyStatefulWidget extends StatefulWidget {
const MyStatefulWidget({Key? key}) : super(key: key);
@override
State<MyStatefulWidget> createState() => _MyStatefulWidgetState();
}
/// This is the private State class that goes with MyStatefulWidget.
class _MyStatefulWidgetState extends State<MyStatefulWidget> {
int _selectedIndex = 0;
static const TextStyle optionStyle =
TextStyle(fontSize: 30, fontWeight: FontWeight.bold);
//final List<Widget> _widgetOptions = [Home(),Tab2(),Tab3(),Home()];
final List<Widget> _widgetOptions = [
Mainpage(),
CatePage(),
ShoppingCart()
];
// static const List<Widget> _widgetOptions = <Widget>[
// Text(
// 'Index 0: Home',
// style: optionStyle,
// ),
// Text(
// 'Index 1: Business',
// style: optionStyle,
// ),
// Text(
// 'Index 2: School',
// style: optionStyle,
// ),
// ];
void _onItemTapped(int index) {
setState(() {
_selectedIndex = index;
});
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('BottomNavigationBar Sample'),
),
body: _widgetOptions[_selectedIndex],
// Center(
// child: _widgetOptions.elementAt(_selectedIndex),
//
// ),
bottomNavigationBar: BottomNavigationBar(
items: const <BottomNavigationBarItem>[
BottomNavigationBarItem(
icon: Icon(Icons.home),
label: 'Home',
),
BottomNavigationBarItem(
icon: Icon(Icons.business),
label: 'Business',
),
BottomNavigationBarItem(
icon: Icon(Icons.school),
label: 'School',
),
],
currentIndex: _selectedIndex,
selectedItemColor: Colors.amber[800],
onTap: _onItemTapped,
),
);
}
}
class Mainpage extends StatefulWidget {
@override
_MainpageState createState() => _MainpageState();
}
class _MainpageState extends State<Mainpage>
with AutomaticKeepAliveClientMixin {
@protected
bool get wantKeepAlive => true;
@override
Widget build(BuildContext context) {
super.build(context);
return Container(child: Column(
children: <Widget>[
Text("data")
],
),);
}
}
class CatePage extends StatefulWidget {
@override
_CatePageState createState() => _CatePageState();
}
class _CatePageState extends State<CatePage>
with AutomaticKeepAliveClientMixin {
int a = 0;
@override
bool get wantKeepAlive => true;
@override
Widget build(BuildContext context) {
super.build(context);
return Container(
child: Column(
children: <Widget>[
Text("a$a"),
Text("a$a"),
Text("a$a"),
Text("a$a"),
Text("a$a"),
Text("a$a"),
Text("a$a"),
Text("a$a"),
Text("a$a"),
Text("a$a"),
Text("a$a"),
RaisedButton(
child: Text("点击"),
onPressed: () {
a++;
setState(() {});
},
),
],
),
);
}
@override
void initState() {
super.initState();
}
}
class ShoppingCart extends StatefulWidget {
@override
_ShoppingCartState createState() => _ShoppingCartState();
}
class _ShoppingCartState extends State<ShoppingCart>
with AutomaticKeepAliveClientMixin {
@override
Widget build(BuildContext context) {
super.build(context);
return Container();
}
@override
bool get wantKeepAlive => true;
}
class MePage extends StatefulWidget {
@override
_MePageState createState() => _MePageState();
}
class _MePageState extends State<MePage> {
@override
Widget build(BuildContext context) {
return Container();
}
}