⏳۵۰٪ تخفیف فقط تا پایان جشنواره؛ بعدش همهچیز به قیمت قبل برمیگرده!
مشاهده دورههاسلام دوستان
چه طور دقیقا یه همچین چیزی بسازم که در هر مرحله با انیمیشن جا به جا بشه و دکمه های هر مرحله به این شکل باشه ؟

لطفا دقیق راهنمایی بفرمایید
خیلی برام مهم و با ارزش هست
لطفا کمک کنید
سلام
@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"),
)
]),
)
],
),
);
}
}