Google Development Tutorials, Guides & Insights

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  String message = 'اضغط على الزر لتغيير النص';

  void changeMessage() {
    setState(() {
      message = 'تم تغيير النص!';
    });
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('تطبيق Flutter تفاعلي'),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Text(
                message,
                style: TextStyle(fontSize: 20),
              ),
              SizedBox(height: 20),
              ElevatedButton(
                onPressed: changeMessage,
                child: Text('اضغط هنا'),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

بعد الانتهاء من التطوير، يمكنك نشر تطبيقك على متجر Google Play أو App Store باستخدام الأدوات التي يوفرها Flutter.

You can customize the UI by using Flutter’s rich set of widgets, including Container, Row, Column, and many more. Experiment with different widgets and styles to enhance your app’s appearance.

This tutorial introduced the basics of creating a cross-platform mobile app using Flutter and Dart. We set up the development environment, created a simple counter app, and explored some fundamental Flutter concepts. With Flutter’s flexibility and Dart’s powerful language features, you can build beautiful and efficient mobile apps for both Android and iOS from a single codebase.