Flutter Development Tutorials, Guides & Insights

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),
          ),
        ),
      ),
    );
  }
}

لإضافة زر يقوم بتغيير النص عند الضغط عليه:

import 'package:flutter/material.dart';
import '../models/weather.dart';
import '../services/weather_service.dart';

class WeatherProvider with ChangeNotifier {
  final WeatherService _weatherService = WeatherService();
  Weather? _weather;

  Weather? get weather => _weather;

  Future<void> fetchWeather(String city) async {
    _weather = await _weatherService.fetchWeather(city);
    notifyListeners();
  }
}

Wrap the WeatherScreen with ChangeNotifierProvider:

flutter create my_flutter_app

Navigate into the project directory: