Blog lập trình

Phát triển ứng dụng di động đầu tiên với Flutter
[ Cập nhật vào ngày 09:07 ngày 17/03/2025 ] - [ Số lần xem: 73 ]


Flutter là framework mạnh mẽ để phát triển ứng dụng đa nền tảng. Chúng ta sẽ tạo ứng dụng thay đổi màu nền ngẫu nhiên.

File main.dart:


import 'package:flutter/material.dart';
import 'dart:math';
 
void main() {
  runApp(MyApp());
}
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: ColorChanger(),
    );
  }
}
 
class ColorChanger extends StatefulWidget {
  @override
  _ColorChangerState createState() => _ColorChangerState();
}
 
class _ColorChangerState extends State {
  Color _backgroundColor = Colors.white;
 
  void _changeColor() {
    setState(() {
      _backgroundColor = Color((Random().nextDouble() * 0xFFFFFF).toInt()).withOpacity(1.0);
    });
  }
 
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: _backgroundColor,
      appBar: AppBar(title: Text("Flutter Color Changer")),
      body: Center(
        child: ElevatedButton(
          onPressed: _changeColor,
          child: Text("Change Color"),
        ),
      ),
    );
  }
}
        



DevRun

Chia sẻ bài viết:        Chia sẻ Zalo Google Bookmarks 
  In bài viết