2 posts tagged with "Dart"

// Khai báo biến
var name = 'Nguyễn Văn A';  // Kiểu được suy ra
String city = 'Hà Nội';     // Kiểu tường minh
final age = 25;             // Không thể thay đổi sau khi gán
const PI = 3.14;            // Hằng số biên dịch

// Hàm trong Dart
int add(int a, int b) {
  return a + b;
}

// Hàm mũi tên (Arrow function)
int multiply(int a, int b) => a * b;

// Lớp trong Dart
class Person {
  String name;
  int age;
  
  Person(this.name, this.age);  // Constructor ngắn gọn
  
  void introduce() {
    print('Xin chào, tôi là $name, $age tuổi.');
  }
}

// StatelessWidget - Widget không có trạng thái
class MyStatelessWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      child: Text('Hello, Flutter!'),
    );
  }
}

// StatefulWidget - Widget có trạng thái
class MyStatefulWidget extends StatefulWidget {
  @override
  _MyStatefulWidgetState createState() => _MyStatefulWidgetState();
}

class _MyStatefulWidgetState extends State<MyStatefulWidget> {
  int _counter = 0;
  
  void _incrementCounter() {
    setState(() {
      _counter++;
    });
  }
  
  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Text('Số lần nhấn: $_counter'),
        ElevatedButton(
          onPressed: _incrementCounter,
          child: Text('Tăng'),
        ),
      ],
    );
  }
}

// Ví dụ về Column và Row
Widget build(BuildContext context) {
  return Column(
    mainAxisAlignment: MainAxisAlignment.center,
    crossAxisAlignment: CrossAxisAlignment.start,
    children: [
      Text('Dòng 1'),
      Text('Dòng 2'),
      Row(
        mainAxisAlignment: MainAxisAlignment.spaceEvenly,
        children: [
          Icon(Icons.star),
          Icon(Icons.star),
          Icon(Icons.star),
        ],
      ),
    ],
  );
}

// Định nghĩa model
class Counter {
  int value = 0;
  
  void increment() {
    value++;
  }
}

// Sử dụng trong app
void main() {
  runApp(
    ChangeNotifierProvider(
      create: (context) => Counter(),
      child: MyApp(),
    ),
  );
}

// Tiêu thụ trong Widget
class CounterDisplay extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Text(
      '${context.watch<Counter>().value}',
      style: Theme.of(context).textTheme.headline4,
    );
  }
}

// Điều hướng cơ bản
Navigator.push(
  context,
  MaterialPageRoute(builder: (context) => SecondScreen()),
);

// Điều hướng có tên (Named Routes)
Navigator.pushNamed(context, '/second');

// Định nghĩa routes
MaterialApp(
  routes: {
    '/': (context) => HomeScreen(),
    '/second': (context) => SecondScreen(),
    '/detail': (context) => DetailScreen(),
  },
);

// Sử dụng package http
import 'package:http/http.dart' as http;
import 'dart:convert';

Future<List<Post>> fetchPosts() async {
  final response = await http.get(Uri.parse('https://jsonplaceholder.typicode.com/posts'));
  
  if (response.statusCode == 200) {
    List<dynamic> body = jsonDecode(response.body);
    return body.map((item) => Post.fromJson(item)).toList();
  } else {
    throw Exception('Failed to load posts');
  }
}

// Định nghĩa model
class Post {
  final int id;
  final String title;
  final String body;
  
  Post({required this.id, required this.title, required this.body});
  
  factory Post.fromJson(Map<String, dynamic> json) {
    return Post(
      id: json['id'],
      title: json['title'],
      body: json['body'],
    );
  }
}

// Sử dụng SharedPreferences
import 'package:shared_preferences/shared_preferences.dart';

// Lưu dữ liệu
Future<void> saveData() async {
  final prefs = await SharedPreferences.getInstance();
  await prefs.setString('username', 'NguyenVanA');
  await prefs.setInt('age', 25);
  await prefs.setBool('isLoggedIn', true);
}

// Đọc dữ liệu
Future<void> readData() async {
  final prefs = await SharedPreferences.getInstance();
  final username = prefs.getString('username') ?? 'Guest';
  final age = prefs.getInt('age') ?? 0;
  final isLoggedIn = prefs.getBool('isLoggedIn') ?? false;
  
  print('Username: $username, Age: $age, Logged in: $isLoggedIn');
}

// Animation cơ bản với AnimatedContainer
AnimatedContainer(
  duration: Duration(seconds: 1),
  curve: Curves.fastOutSlowIn,
  width: _expanded ? 200 : 100,
  height: _expanded ? 100 : 50,
  color: _expanded ? Colors.blue : Colors.red,
  child: Center(child: Text('Nhấn vào tôi')),
);

// Controller-based Animation
class _MyAnimationState extends State<MyAnimation> with SingleTickerProviderStateMixin {
  late AnimationController _controller;
  late Animation<double> _animation;
  
  @override
  void initState() {
    super.initState();
    _controller = AnimationController(
      duration: const Duration(seconds: 2),
      vsync: this,
    );
    _animation = CurvedAnimation(
      parent: _controller,
      curve: Curves.easeInOut,
    );
    _controller.forward();
  }
  
  @override
  void dispose() {
    _controller.dispose();
    super.dispose();
  }
  
  @override
  Widget build(BuildContext context) {
    return FadeTransition(
      opacity: _animation,
      child: const Text('Fade In Animation'),
    );
  }
}

// Unit test
void main() {
  test('Counter value should be incremented', () {
    final counter = Counter();
    counter.increment();
    expect(counter.value, 1);
  });
}

// Widget test
void main() {
  testWidgets('Counter increments smoke test', (WidgetTester tester) async {
    await tester.pumpWidget(MyApp());
    expect(find.text('0'), findsOneWidget);
    await tester.tap(find.byIcon(Icons.add));
    await tester.pump();
    expect(find.text('1'), findsOneWidget);
  });
}

// Tránh rebuild không cần thiết với const
const MyWidget(
  key: Key('my_widget'),
  child: Text('Hello'),
);

// Tối ưu với ListView.builder cho danh sách dài
ListView.builder(
  itemCount: items.length,
  itemBuilder: (context, index) {
    return ListTile(
      title: Text(items[index].title),
    );
  },
);

// lib/models/todo.dart
class Todo {
  final String id;
  final String title;
  bool isCompleted;
  
  Todo({
    required this.id,
    required this.title,
    this.isCompleted = false,
  });
}

// lib/screens/home_screen.dart
import 'package:flutter/material.dart';
import 'package:todo_app/models/todo.dart';

class HomeScreen extends StatefulWidget {
  @override
  _HomeScreenState createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> {
  final List<Todo> _todos = [];
  final _textController = TextEditingController();
  
  void _addTodo() {
    if (_textController.text.isEmpty) return;
    
    setState(() {
      _todos.add(Todo(
        id: DateTime.now().toString(),
        title: _textController.text,
      ));
      _textController.clear();
    });
  }
  
  void _toggleTodo(String id) {
    setState(() {
      final todo = _todos.firstWhere((todo) => todo.id == id);
      todo.isCompleted = !todo.isCompleted;
    });
  }
  
  void _removeTodo(String id) {
    setState(() {
      _todos.removeWhere((todo) => todo.id == id);
    });
  }
  
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Todo App'),
      ),
      body: Column(
        children: [
          Padding(
            padding: const EdgeInsets.all(16.0),
            child: Row(
              children: [
                Expanded(
                  child: TextField(
                    controller: _textController,
                    decoration: InputDecoration(
                      hintText: 'Thêm công việc mới...',
                    ),
                  ),
                ),
                IconButton(
                  icon: Icon(Icons.add),
                  onPressed: _addTodo,
                ),
              ],
            ),
          ),
          Expanded(
            child: _todos.isEmpty
                ? Center(child: Text('Chưa có công việc nào!'))
                : ListView.builder(
                    itemCount: _todos.length,
                    itemBuilder: (context, index) {
                      final todo = _todos[index];
                      return ListTile(
                        title: Text(
                          todo.title,
                          style: TextStyle(
                            decoration: todo.isCompleted
                                ? TextDecoration.lineThrough
                                : null,
                          ),
                        ),
                        leading: Checkbox(
                          value: todo.isCompleted,
                          onChanged: (_) => _toggleTodo(todo.id),
                        ),
                        trailing: IconButton(
                          icon: Icon(Icons.delete),
                          onPressed: () => _removeTodo(todo.id),
                        ),
                      );
                    },
                  ),
          ),
        ],
      ),
    );
  }
}

// lib/main.dart
import 'package:flutter/material.dart';
import 'package:todo_app/screens/home_screen.dart';

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

class TodoApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Todo App',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: HomeScreen(),
    );
  }
}

// Biến và kiểu dữ liệu
String name = 'Flutter';
int age = 5;
double version = 3.10;
bool isAwesome = true;
var dynamicType = 'Tự động xác định kiểu';

// Danh sách và Collections
List<String> frameworks = ['Flutter', 'React Native', 'Xamarin'];
Map<String, String> languageCreators = {
  'Dart': 'Google',
  'Swift': 'Apple',
  'Kotlin': 'JetBrains'
};

// Hàm
int add(int a, int b) {
  return a + b;
}

// Arrow function (Lambda)
int subtract(int a, int b) => a - b;

// Lớp và đối tượng
class Person {
  String name;
  int age;
  
  // Constructor
  Person(this.name, this.age);
  
  // Method
  void introduce() {
    print('Xin chào, tôi là $name và tôi $age tuổi.');
  }
}

// Sử dụng async/await
Future<void> fetchData() async {
  try {
    var result = await getDataFromServer();
    print(result);
  } catch (e) {
    print('Lỗi: $e');
  }
}

// Chỉ định kiểu rõ ràng
String name = 'Nguyen Van A';

// Tự suy luận kiểu
var age = 30; // age sẽ có kiểu int

String? nullableName; // Có thể null
String nonNullableName = 'Flutter'; // Không thể null

// Hàm cơ bản
int sum(int a, int b) {
  return a + b;
}

// Arrow function
int multiply(int a, int b) => a * b;

// Tham số tùy chọn
void greet(String name, {String greeting = 'Xin chào'}) {
  print('$greeting, $name!');
}

// Gọi hàm với tham số tùy chọn
greet('Flutter'); // Output: Xin chào, Flutter!
greet('Dart', greeting: 'Chào mừng'); // Output: Chào mừng, Dart!

// Định nghĩa lớp
class Developer {
  String name;
  List<String> skills;
  
  // Constructor
  Developer(this.name, this.skills);
  
  // Named constructor
  Developer.junior(String name) : this(name, ['Dart', 'Flutter']);
  
  // Method
  void introduce() {
    print('Tôi là $name và tôi biết: ${skills.join(', ')}');
  }
}

// Kế thừa
class SeniorDeveloper extends Developer {
  int experienceYears;
  
  SeniorDeveloper(String name, List<String> skills, this.experienceYears)
      : super(name, skills);
  
  // Ghi đè phương thức
  @override
  void introduce() {
    print('Senior Dev $name với $experienceYears năm kinh nghiệm.');
    print('Kỹ năng: ${skills.join(', ')}');
  }
}

// Sử dụng
var dev = Developer('An', ['Flutter', 'Firebase']);
dev.introduce();

var senior = SeniorDeveloper('Binh', ['Flutter', 'Dart', 'Firebase', 'AWS'], 5);
senior.introduce();

class WelcomeCard extends StatelessWidget {
  final String name;
  
  const WelcomeCard({Key? key, required this.name}) : super(key: key);
  
  @override
  Widget build(BuildContext context) {
    return Card(
      child: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Text('Chào mừng, $name!'),
      ),
    );
  }
}

class Counter extends StatefulWidget {
  const Counter({Key? key}) : super(key: key);
  
  @override
  _CounterState createState() => _CounterState();
}

class _CounterState extends State<Counter> {
  int _count = 0;
  
  void _increment() {
    setState(() {
      _count++;
    });
  }
  
  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Text('Số lần nhấn: $_count'),
        ElevatedButton(
          onPressed: _increment,
          child: Text('Tăng'),
        ),
      ],
    );
  }
}

@override
Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(
      title: Text('Ứng dụng Flutter'),
    ),
    body: Column(
      children: [
        // Header section
        Container(
          color: Colors.blue[100],
          padding: EdgeInsets.all(16.0),
          child: Row(
            children: [
              CircleAvatar(
                radius: 30,
                backgroundImage: AssetImage('assets/avatar.png'),
              ),
              SizedBox(width: 16),
              Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Text(
                    'Nguyen Van A',
                    style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold),
                  ),
                  Text('Flutter Developer'),
                ],
              ),
            ],
          ),
        ),
        
        // Content section
        Expanded(
          child: ListView.builder(
            itemCount: 20,
            itemBuilder: (context, index) {
              return ListTile(
                leading: Icon(Icons.article),
                title: Text('Bài viết ${index + 1}'),
                subtitle: Text('Mô tả ngắn về bài viết'),
                onTap: () {
                  // Xử lý khi nhấn vào item
                },
              );
            },
          ),
        ),
      ],
    ),
    floatingActionButton: FloatingActionButton(
      onPressed: () {
        // Xử lý khi nhấn nút
      },
      child: Icon(Icons.add),
    ),
  );
}

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Ứng dụng đầu tiên',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(title: 'Trang chủ Flutter'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key? key, required this.title}) : super(key: key);

  final String title;

  @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(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              'Bạn đã nhấn nút:',
            ),
            Text(
              '$_counter',
              style: Theme.of(context).textTheme.headline4,
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Tăng',
        child: Icon(Icons.add),
      ),
    );
  }
}

// Sử dụng camelCase cho biến và hàm
String userName;
void fetchUserData() { ... }

// Sử dụng PascalCase cho lớp
class UserRepository { ... }

// Sử dụng lowerCamelCase cho tham số hàm
void updateUser({required String firstName, String? lastName}) { ... }

// Thay vì
Container(
  color: Colors.blue,
  child: Text('Hello'),
)

// Sử dụng const
const Container(
  color: Colors.blue,
  child: Text('Hello'),
)