arkadaşlar başlıkta da yazdığım gibi verileri ekranda göstermek isityorum. ayrıntılı bahsetmek gerekirse, ben bir spor uygulaması yapıyorum ve ketgoriyi ListView içinde resimler halinde yaptım örneğin body resmine tıkladığı zaman body.dart dosyasında ki kodları hemen kategori altında göstersin istiyorum, yani body.dart dosyası başka bir dosyada tıklanarak çağırılıp o dosyada görüntülensin. Daha derdimi nasıl anlatabilirim bilmiyorum ChatGpt beni çileden çıkardı bende insanın halini insan anlar diye buraya geldim. Tam olarak bu işlemi yapmak için neler kullanmam gerekiyor bilgilendirirseniz teşekkür ederim. Yardımcı olması için kodlarımı buraya bırakıyorum.
import 'package:flutter/material.dart';
class MenPage extends StatefulWidget {
const MenPage({Key? key}) : super(key: key);
@override
_MenPageState createState() => _MenPageState();
}
class _MenPageState extends State<MenPage> {
@override
Widget build(BuildContext context) {
final screenSize = MediaQuery.of(context).size;
return Scaffold(
backgroundColor: const Color.fromARGB(66, 109, 107, 107),
body: Column(
children: [
Container(
padding: const EdgeInsets.only(
top: 30.0,
),
height: 100.0,
width: screenSize.width,
child: ListView(
scrollDirection: Axis.horizontal,
children: [
imageWithTitle(
"assets/icons/body.png",
"Body",
),
imageWithTitle(
"assets/icons/chest.png",
"Chest",
),
imageWithTitle(
"assets/icons/abs.png",
"Six-Pack",
),
imageWithTitle(
"assets/icons/back.png",
"Back",
),
imageWithTitle(
"assets/icons/shoulder.png",
"Shoulder",
),
imageWithTitle(
"assets/icons/arm.png",
"Biceps&Triceps",
),
imageWithTitle(
"assets/icons/hip.png",
"Hips",
),
],
),
),
],
),
);
}
Widget imageWithTitle(String imagePath, String title) {
return Padding(
padding: const EdgeInsets.only(left: 8.0, right: 8.0),
child: Column(
children: [
Image.asset(
imagePath,
width: 50.0,
height: 50.0,
),
const SizedBox(height: 4.0),
Text(
title,
style: const TextStyle(
color: Colors.white,
fontSize: 14.0,
),
),
],
),
);
}
}