Row et Column dans Flutter

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MyContactPage(),
    );
  }
}

class MyContactPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Informations de contact'),
      ),
      body: Center(
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.center,
          children: [
            CircleAvatar(
              radius: 80,
              backgroundImage: NetworkImage('URL_de_votre_photo_de_profil'),
            ),
            SizedBox(height: 20),
            Text(
              'Nom et prénom',
              style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold),
            ),
            Text(
              'adresse.email@example.com',
              style: TextStyle(fontSize: 18),
            ),
            SizedBox(height: 20),
            Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                Icon(Icons.phone, size: 30),
                SizedBox(width: 10),
                Text(
                  'Numéro de téléphone',
                  style: TextStyle(fontSize: 18),
                ),
              ],
            ),
            Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                Icon(Icons.location_on, size: 30),
                SizedBox(width: 10),
                Text(
                  'Adresse',
                  style: TextStyle(fontSize: 18),
                ),
              ],
            ),
            SizedBox(height: 30),
            ElevatedButton(
              onPressed: () {
                showDialog(
                  context: context,
                  builder: (context) {
                    return AlertDialog(
                      title: Text('Contact'),
                      content: Text('Contacter cette personne'),
                      actions: [
                        TextButton(
                          onPressed: () {
                            Navigator.of(context).pop();
                          },
                          child: Text('Fermer'),
                        ),
                      ],
                    );
                  },
                );
              },
              child: Text('Contacter'),
            ),
          ],
        ),
      ),
    );
  }
}

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MyArticleList(),
    );
  }
}

class Article {
  final String imageUrl;
  final String title;
  final String description;

  Article({required this.imageUrl, required this.title, required this.description});
}

class MyArticleList extends StatelessWidget {
  final List<Article> articles = [
    Article(
      imageUrl: 'URL_de_l_image_1',
      title: 'Article 1',
      description: 'Description de l\'article 1',
    ),
    Article(
      imageUrl: 'URL_de_l_image_2',
      title: 'Article 2',
      description: 'Description de l\'article 2',
    ),
    Article(
      imageUrl: 'URL_de_l_image_3',
      title: 'Article 3',
      description: 'Description de l\'article 3',
    ),
    // Ajoutez plus d'articles si nécessaire
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Liste d\'articles'),
      ),
      body: ListView.builder(
        itemCount: articles.length,
        itemBuilder: (context, index) {
          return ListTile(
            leading: Image.network(articles[index].imageUrl),
            title: Text(articles[index].title),
            subtitle: Text(articles[index].description),
            onTap: () {
              // Afficher des détails supplémentaires de l'article
              showDialog(
                context: context,
                builder: (context) {
                  return AlertDialog(
                    title: Text(articles[index].title),
                    content: Text('Détails de l\'article...'),
                    actions: [
                      TextButton(
                        onPressed: () {
                          Navigator.of(context).pop();
                        },
                        child: Text('Fermer'),
                      ),
                    ],
                  );
                },
              );
            },
          );
        },
      ),
    );
  }
}