سلام دوستان
چه طور دقیقا یه همچین چیزی بسازم که در هر مرحله با انیمیشن جا به جا بشه و دکمه های هر مرحله به این شکل باشه ؟

لطفا دقیق راهنمایی بفرمایید
خیلی برام مهم و با ارزش هست
لطفا کمک کنید
سلام
@abresiahjj
دقیقا که خب اینا تب بندی هست که شخصی سازی شده
و با پلاگین های جی کوئری رو کد های css زیبا سازی و حالت انیمیشن و اینا گرفته!
به CSS و جاوا اسکریپت مسلط باشید میتونید طراحی کنید
@Alimotreb
تشکر دوست عزیز ولی این flutter هست و باید با dart ساخته شده نه css و...
شاید پاسخ شما همینجا باشد
سلام
@abresiahjj
بله من دسته بندی سوال رو نخوندم
فکر کردم وب رو میگید! عذر خواهی میکنم
@Alimotreb
خواهش می کنم
ببخشید که پاسخ شما رو دادم
سلام cegmentController بهش میگن خیلی ساده هستش
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"),
)
]),
)
],
),
);
}
}