One post tagged with "cơ bản"

// 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'),
)