Avtosalon sodda elektron ilovasini ishlab chiqish
![import 'package:animated_text_kit/animated_text_kit.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: Center(
child: AnimatedTextKit(
animatedTexts: [
TyperAnimatedText('Hello World'),
TyperAnimatedText('Flutter is awesome!'),
TyperAnimatedText('Animated Text Kit'),
],
),
),
),
);
}
}
6](https://docx.uz/documents/7ad8cd10-8197-4fd8-aed5-bd24338757e1/page_6.png?v=1)
![GestureDetectorga o’ralgan Cantainer child xossasiga
AnimatedText(text:”Full Info”) widgeti berilgan va u bosilganda ya’ni
onTap(){…} ishlaganda showDialog() oynasi ochiladi va yuqoridagi
tasvir hosil bo’ladi.
GestureDetector(
child: Container(
alignment: Alignment.center,
height: widget.height * 0.07,
width: widget.width * .12,
decoration: BoxDecoration(
color: Colors.blue,
borderRadius: BorderRadius.all(
Radius.circular(widget.width * 0.015),
),
),
child: AnimatedText(text: "Full Info"),
),
onTap: () {
showDialog(
context: context,
builder: (context) => AlertDialog(
actions: [
TextButton(
onPressed: () => Navigator.pop(context, "Cancel"),
child: const Text("Cancel"),
),
TextButton(
onPressed: () => Navigator.pop(context, "OK"),
child: const Text("OK"),
),
],
title: AnimatedText(
text: carImage.carName[widget.index],
),
content: SizedBox(
width: widget.width * 0.5,
child: Text(
carImage.information[widget.index],
),
),
),
);
},
),
2.3.Mahsulotni sotib olish tugmasi (By Now Button)
GestureDetectorga o’ralgan Cantainer child xossasiga
AnimatedText(text:”Buy Now”) widgeti berilgan va u bosilganda ya’ni
onTap(){…} ishlaganda CarBuyPage() oynasiga o’tadi. Unda bir nechta
textField maydonlari mavjud bo’lib, ularni to’ldirilgandan so’ng buyurtmani
rasiylashtirish mumkin bo’ladi. Agarda maydonlar to’ldirilmasa yoki
noto’g’ri ma’lumot turi kiritilsa buyurtmani rasmiylashtirib bo’lmaydi.
GestureDetector(
child: Container(
alignment: Alignment.center,
12](https://docx.uz/documents/7ad8cd10-8197-4fd8-aed5-bd24338757e1/page_12.png?v=1)
![2.4.Mahsulotni savatga olib qo’yish(Basket Button).
Basket deb nomlangan button bosilganda ekranga qalqib chiquvchi
showDialog oynasi ochiladi. showDialogdagi xabar harid qilmoqchi bo’lgan
mashinangiz savatga qo’shilganligi haqida bo’ladi. Dialogning show basket
va OK deb nomlangan tugmalari mavjud bo’lib, show basket deb nomlangan
tugma bosilganda savatdagi mashinalarning ro’yxatini ko’rsatib beradigan
screen ga o’tadi. OK tugmasi bosilsa dialog oynasi yopiladi.
GestureDetector(
child: Container(
alignment: Alignment.center,
height: widget.height * 0.07,
width: widget.width * .12,
decoration: BoxDecoration(
color: Colors.blue,
borderRadius: BorderRadius.all(
Radius.circular(widget.width * 0.015),
),
),
child: AnimatedText(text: "Basket"),
),
onTap: () {
SharedPreferencesClass().carToBasket(widget.index.toString());
// carToBasket(widget.index.toString());
showDialog(
context: context,
builder: (context) => AlertDialog(
actions: [
TextButton(
onPressed: () =>
Navigator.pushNamed(context, MyBasket.routeName).then(
(value) => Navigator.pop(context),
),
child: const Text("Show basket"),
),
TextButton(
onPressed: () => Navigator.pop(context, "OK"),
child: const Text("OK"),
),
],
content: SizedBox(
width: widget.width * 0.5,
height: widget.width * 0.03,
child: Align(
alignment: Alignment.center,
child: Text(
"Tanlangan mashina savatga qo'shildi",
style: TextStyle(
color: Colors.black,
fontStyle: FontStyle.italic,
fontSize: widget.width * 0.018,
),
),
),
14](https://docx.uz/documents/7ad8cd10-8197-4fd8-aed5-bd24338757e1/page_14.png?v=1)
![),
),
);
},
),
Basket deb nomlangan tugma bosilganda yuqorida keltirib o’tilgan
shared_preferences ishlaydi va tanlangan mashinaning indexsi xotiraga
saqlanadi. Saqlangan indexdagi mashina Basket oynasidagi mashinalar
ro’yxatida ko’rinadi. Button bosilganda pastdagi kod qatorlarida ko’rsatilgan
carToBasket() funksiyasi ishlaydi. Mashinani ro’yxatdan olib tashlash
uchun bironta mashinani nomi ko’rsatilagan ListTile ni ushlab o’nga yoki
chapga surish kifoya va ushbu jarayonda pastdagi koddan delete(int index)
funksiyasi ishlaydi. setState() funksiyasi har safar listga element qo’shilgan
yoki olib tashlanganda oynani yangilab turish uchun kerak.
class SharedPreferencesClass {
Future<void> loadList() async {
SharedPreferences pref = await SharedPreferences.getInstance();
setState(() {
favourite = pref.getStringList("_") ?? [];
});
}
Future<void> carToBasket(String value) async {
SharedPreferences pref = await SharedPreferences.getInstance();
if (value.isNotEmpty) {
setState(() {
favourite.add(value);
});
}
pref.setStringList("_", favourite);
}
Future<void> delete(int index) async {
SharedPreferences pref = await SharedPreferences.getInstance();
setState(() {
favourite.removeAt(index);
});
pref.setStringList("_", favourite);
}
void setState(VoidCallback callback) {
callback();
15](https://docx.uz/documents/7ad8cd10-8197-4fd8-aed5-bd24338757e1/page_15.png?v=1)
Avtosalon sodda elektron ilovasini ishlab chiqish