سلام
@abresiahjj
دقیقا که خب اینا تب بندی هست که شخصی سازی شده
و با پلاگین های جی کوئری رو کد های css زیبا سازی و حالت انیمیشن و اینا گرفته!
به CSS و جاوا اسکریپت مسلط باشید میتونید طراحی کنید
class Example extends StatefulWidget {
@override
_ExampleState createState() => new _ExampleState();
}
class _ExampleState extends State<Example> with SingleTickerProviderStateMixin {
// TabController to control and switch tabs
TabController _tabController;
// Current Index of tab
int _currentIndex = 0;
@override
void initState() {
super.initState();
_tabController =
new TabController(vsync: this, length: 2, initialIndex: _currentIndex);
}
@override
void dispose() {
_tabController.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(
title: new Text("Example"),
),
body: new Column(
children: <Widget>[
new Padding(
padding: const EdgeInsets.symmetric(vertical: 20.0),
child: new Container(
decoration:
new BoxDecoration(border: new Border.all(color: Colors.blue)),
child: new Row(
mainAxisAlignment: MainAxisAlignment.center,
mainAxisSize: MainAxisSize.min,
children: <Widget>[
// Tab1 Button
new FlatButton(
color: _currentIndex == 0 ? Colors.blue : Colors.white,
onPressed: () {
_tabController.animateTo(0);
setState(() {
_currentIndex = 0;
});
},
child: new Text("Tab1"),
),
// Tab2 Button
new FlatButton(
color: _currentIndex == 1 ? Colors.blue : Colors.white,
onPressed: () {
_tabController.animateTo(1);
setState(() {
_currentIndex = 1;
});
},
child: new Text("Tab2"),
)
],
),
),
),
new Expanded(
child: new TabBarView(
controller: _tabController,
// Restrict scroll by user
physics: const NeverScrollableScrollPhysics(),
children: [
// Tab1 View
new Center(
child: new Text("Tab1"),
),
// Tab2 View
new Center(
child: new Text("Tab2"),
)
]),
)
],
),
);
}
}
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟