83 lines
2.8 KiB
Dart
83 lines
2.8 KiB
Dart
import 'package:flutter/material.dart';
|
|
|
|
void main() {
|
|
runApp(const TwitterClone());
|
|
}
|
|
|
|
class TwitterClone extends StatelessWidget {
|
|
const TwitterClone({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return MaterialApp(
|
|
debugShowCheckedModeBanner: false,
|
|
title: 'Twitter Clone',
|
|
theme: ThemeData(
|
|
primarySwatch: Colors.blue,
|
|
),
|
|
home: const HomePage(),
|
|
);
|
|
}
|
|
}
|
|
|
|
class HomePage extends StatelessWidget {
|
|
const HomePage({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
appBar: AppBar(
|
|
title: const Text('Twitter', style: TextStyle(color: Colors.white)),
|
|
backgroundColor: Colors.blue,
|
|
actions: [
|
|
Container(
|
|
margin: const EdgeInsets.all(8.0),
|
|
padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 2),
|
|
)
|
|
],
|
|
),
|
|
body: Column(
|
|
children: [
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
|
children: const [
|
|
Text('Nouveau', style: TextStyle(color: Colors.blue, fontWeight: FontWeight.bold)),
|
|
Text('Accueil', style: TextStyle(color: Colors.blue, fontWeight: FontWeight.bold)),
|
|
Text('Rechercher', style: TextStyle(color: Colors.blue, fontWeight: FontWeight.bold)),
|
|
],
|
|
),
|
|
const Divider(),
|
|
ListTile(
|
|
leading: Image.asset('assets/laptop.png', width: 50, height: 50, fit: BoxFit.cover),
|
|
title: const Text('LaCrevette@Chocolate', style: TextStyle(fontWeight: FontWeight.bold)),
|
|
subtitle: const Text(
|
|
'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt ligula vel interdum aliquet.',
|
|
),
|
|
trailing: const Text('50s', style: TextStyle(color: Colors.grey)),
|
|
),
|
|
const SizedBox(height: 10),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
|
children: const [
|
|
Text('Répondre', style: TextStyle(color: Colors.grey)),
|
|
Text('Retweet', style: TextStyle(color: Colors.grey)),
|
|
Text('Favoris', style: TextStyle(color: Colors.grey)),
|
|
],
|
|
),
|
|
const Spacer(),
|
|
BottomNavigationBar(
|
|
currentIndex: 0,
|
|
selectedItemColor: Colors.blue,
|
|
unselectedItemColor: Colors.grey,
|
|
items: const [
|
|
BottomNavigationBarItem(icon: Icon(Icons.home), label: 'Fil'),
|
|
BottomNavigationBarItem(icon: Icon(Icons.notifications), label: 'Notification'),
|
|
BottomNavigationBarItem(icon: Icon(Icons.message), label: 'Messages'),
|
|
BottomNavigationBarItem(icon: Icon(Icons.person), label: 'Moi'),
|
|
],
|
|
)
|
|
],
|
|
),
|
|
);
|
|
}
|
|
} |