DeveloperBreeze

Dart Development Tutorials, Guides & Insights

Unlock 3+ expert-curated dart tutorials, real-world code snippets, and modern dev strategies. From fundamentals to advanced topics, boost your dart skills on DeveloperBreeze.

دليل شامل: تطوير تطبيقات باستخدام إطار العمل Flutter

Tutorial December 12, 2024
dart

افتح الملف lib/main.dart وقم بتعديله لإظهار رسالة ترحيب:

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('مرحبًا بك في Flutter!'),
        ),
        body: Center(
          child: Text(
            'أول تطبيق Flutter الخاص بك',
            style: TextStyle(fontSize: 24),
          ),
        ),
      ),
    );
  }
}

Building an Advanced Weather App with Flutter and Dart

Tutorial August 12, 2024
dart

Open the project in your preferred IDE.

We’ll use the http package to make network requests and provider for state management. Update your pubspec.yaml file to include these dependencies:

Introduction to Flutter and Dart

Tutorial August 12, 2024
dart

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;

  void _incrementCounter() {
    setState(() {
      _counter++;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter Counter'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              'You have pushed the button this many times:',
            ),
            Text(
              '$_counter',
              style: Theme.of(context).textTheme.headline4,
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: Icon(Icons.add),
      ),
    );
  }
}

Run the following command in the terminal to start the app: