تمرين إعادة البناء
Counter App
أعد كتابة تطبيق Flutter صغير يزيد عداداً عند الضغط.
flutter
~10 دقيقة
مبتدئ
أعد بناء الكود
Rebuild
هذا هو الكود. اكتبه بنفسك.
الكود المرجعي
import 'package:flutter/material.dart';
void main() {
runApp(const CounterApp());
}
class CounterApp extends StatefulWidget {
const CounterApp({super.key});
@override
State<CounterApp> createState() => _CounterAppState();
}
class _CounterAppState extends State<CounterApp> {
int count = 0;
void increment() {
setState(() {
count++;
});
}
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Counter',
home: Scaffold(
appBar: AppBar(title: const Text('Counter')),
body: Center(
child: Text('Count: $count', style: const TextStyle(fontSize: 32)),
),
floatingActionButton: FloatingActionButton(
onPressed: increment,
child: const Icon(Icons.add),
),
),
);
}
}اكتب هنا