【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用（flutte

remote: Enumerating objects: 98, done.
remote: Counting objects: 100% (94/94), done.
remote: Compressing objects: 100% (50/50), done.
remote: Total 62 (delta 19), reused 13 (delta 0), pack-reused 0
Unpacking objects: 100% (62/62), 18.63 KiB | 141.00 KiB/s, done.
From https://gitee.com/youyacao/ff-flutter
   2d36d20..71239bb  master     -> origin/master
Updating 2d36d20..71239bb
Fast-forward
 .cursorrules                                       | 130 +++++++++++
 .fvmrc                                             |   3 +
 .gitignore                                         |   3 +
 .metadata                                          |  30 +--
 .vscode/launch.json                                |   6 +-
 .vscode/settings.json                              |   3 +
 android/.gitignore                                 |   2 +-
 android/app/build.gradle                           |  53 +++--
 android/app/src/main/AndroidManifest.xml           |   5 +-
 .../{freefirend => ff_flutter}/MainActivity.kt     |   2 +-
 .../app/src/main/res/mipmap-hdpi/ic_launcher.png   | Bin 1508805 -> 544 bytes
 .../app/src/main/res/mipmap-mdpi/ic_launcher.png   | Bin 1508805 -> 442 bytes
 .../app/src/main/res/mipmap-xhdpi/ic_launcher.png  | Bin 1508805 -> 721 bytes
 .../app/src/main/res/mipmap-xxhdpi/ic_launcher.png | Bin 1508805 -> 1031 bytes
 .../src/main/res/mipmap-xxxhdpi/ic_launcher.png    | Bin 1508805 -> 1443 bytes
 android/build.gradle                               |   4 +-
 android/gradle.properties                          |   2 +-
 android/gradle/wrapper/gradle-wrapper.properties   |   2 +-
 android/settings.gradle                            |   9 +-
 lib/controllers/index_controller.dart              |   5 +
 lib/controllers/register_controller.dart           |  14 ++
 lib/controllers/sms_login_controller.dart          |   5 +
 lib/main.dart                                      |  34 +--
 lib/routes/app_pages.dart                          |  38 +++
 lib/routes/app_routes.dart                         |   5 +
 lib/screens/account_screen.dart                    |  16 ++
 lib/screens/home_screen.dart                       | 254 ++++++++++++++++++++
 lib/screens/index.dart                             | 259 ++++++++-------------
 lib/screens/message_screen.dart                    |  16 ++
 lib/screens/register.dart                          | 109 +++++----
 lib/screens/short_video_screen.dart                |  16 ++
 linux/main.cc                                      |   6 +
 linux/my_application.cc                            | 124 ++++++++++
 linux/my_application.h                             |  18 ++
 pubspec.lock                                       |  66 ++++--
 pubspec.yaml                                       |   2 +
 test/widget_test.dart                              |  30 +++
 37 files changed, 972 insertions(+), 299 deletions(-)
 create mode 100644 .cursorrules
 create mode 100644 .fvmrc
 create mode 100644 .vscode/settings.json
 rename android/app/src/main/kotlin/com/example/{freefirend => ff_flutter}/MainActivity.kt (74%)
 create mode 100644 lib/controllers/index_controller.dart
 create mode 100644 lib/controllers/register_controller.dart
 create mode 100644 lib/controllers/sms_login_controller.dart
 create mode 100644 lib/routes/app_pages.dart
 create mode 100644 lib/routes/app_routes.dart
 create mode 100644 lib/screens/account_screen.dart
 create mode 100644 lib/screens/home_screen.dart
 create mode 100644 lib/screens/message_screen.dart
 create mode 100644 lib/screens/short_video_screen.dart
 create mode 100644 linux/main.cc
 create mode 100644 linux/my_application.cc
 create mode 100644 linux/my_application.h
 create mode 100644 test/widget_test.dart

import 'package:flutter/material.dart';
import 'package:logging/logging.dart';
import 'package:get/get.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:ff_flutter/routes/app_pages.dart';
import 'package:ff_flutter/routes/app_routes.dart';

void main() {
  // 初始化日志记录器
  Logger.root.level = Level.ALL;
  Logger.root.onRecord.listen((record) {
    debugPrint('${record.level.name}: ${record.time}: ${record.message}');
  });

  runApp(const MainApp());
}

class MainApp extends StatelessWidget {
  const MainApp({super.key});

  @override
  Widget build(BuildContext context) {
    return ScreenUtilInit(
        designSize: const Size(750, 1624), // 设置设计稿尺寸
        minTextAdapt: true,
        splitScreenMode: true,
        builder: (context, child) {
          return GetMaterialApp(
            debugShowCheckedModeBanner: false,
            title: 'freefirend',
            theme: ThemeData(
              primarySwatch: Colors.blue,
            ),
            initialRoute: AppRoutes.INDEX,
            getPages: AppPages.pages,
          );
        });
  }
}

import 'package:get/get.dart';
import 'package:ff_flutter/screens/index.dart';
import 'package:ff_flutter/screens/register.dart';
import 'package:ff_flutter/screens/smslogin.dart' as sms;
import 'package:ff_flutter/screens/home_screen.dart';
import 'package:ff_flutter/screens/short_video_screen.dart';
import 'package:ff_flutter/screens/message_screen.dart';
import 'package:ff_flutter/screens/account_screen.dart';
import 'package:ff_flutter/routes/app_routes.dart';
import 'package:ff_flutter/controllers/index_controller.dart';
import 'package:ff_flutter/controllers/register_controller.dart';
import 'package:ff_flutter/controllers/sms_login_controller.dart';

class AppPages {
  static final pages = [
    GetPage(
      name: AppRoutes.INDEX,
      page: () => IndexScreen(),
      binding: BindingsBuilder(() {
        Get.lazyPut(() => IndexController());
      }),
    ),
    GetPage(
      name: AppRoutes.REGISTER,
      page: () => const RegisterScreen(),
      binding: BindingsBuilder(() {
        Get.lazyPut(() => RegisterController());
      }),
    ),
    GetPage(
      name: AppRoutes.SMS_LOGIN,
      page: () => const sms.SmsLoginScreen(),
      binding: BindingsBuilder(() {
        Get.lazyPut(() => SmsLoginController());
      }),
    ),
  ];
}

abstract class AppRoutes {
  static const INDEX = '/';
  static const REGISTER = '/register';
  static const SMS_LOGIN = '/sms-login';
}

import 'package:get/get.dart';

class RegisterController extends GetxController {
  final RxBool agreedToTerms = false.obs;
  final RxString selectedCountryCode = '+1'.obs;

  void updateAgreedToTerms(bool value) {
    agreedToTerms.value = value;
  }

  void updateSelectedCountryCode(String value) {
    selectedCountryCode.value = value;
  }
}

flutter_launcher_icons:
  image_path: "assets/icon/logo.png"  # 指定用于生成图标的源图像路径
  android: true  # 表示要为 Android 平台生成图标
  ios: true      # 表示要为 iOS 平台生成图标
  remove_alpha_ios: true  # 移除 iOS 图标中的透明通道

import 'package:flutter/material.dart';
import 'package:ff_flutter/screens/register.dart'; // 导入 register.dart 文件
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';
import 'package:ff_flutter/routes/app_routes.dart';
import 'package:ff_flutter/screens/home_screen.dart';
import 'package:ff_flutter/screens/short_video_screen.dart';
import 'package:ff_flutter/screens/message_screen.dart';
import 'package:ff_flutter/screens/account_screen.dart';

class IndexScreen extends StatefulWidget {
  // 改为 StatefulWidget
  @override
  State<IndexScreen> createState() => _IndexScreenState();
}

class _IndexScreenState extends State<IndexScreen> {
  int _selectedIndex = 0;

  final List<Widget> _pages = [
    HomeScreen(),
    ShortVideoScreen(),
    MessageScreen(),
    AccountScreen(),
  ];

  void _onItemTapped(int index) {
    setState(() {
      _selectedIndex = index;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: const Color(0xFF1E1E1E),
      body: IndexedStack(
        index: _selectedIndex,
        children: _pages,
      ),
      bottomNavigationBar: Container(
        height: 168.h,
        decoration: const BoxDecoration(
          color: Color(0xFF1E1E1E),
        ),
        child: Theme(
          data: ThemeData(
            splashColor: Colors.transparent,
            highlightColor: Colors.transparent,
          ),
          child: BottomNavigationBar(
            items: const <BottomNavigationBarItem>[
              BottomNavigationBarItem(
                icon: Icon(Icons.home),
                label: 'Home',
                activeIcon: Icon(Icons.home, color: Color(0xFFE7568C)),
              ),
              BottomNavigationBarItem(
                icon: Icon(Icons.play_circle_outline),
                label: 'Short Video',
                activeIcon:
                    Icon(Icons.play_circle_outline, color: Color(0xFFE7568C)),
              ),
              BottomNavigationBarItem(
                icon: Icon(Icons.notifications_none),
                label: 'Message',
                activeIcon:
                    Icon(Icons.notifications_none, color: Color(0xFFE7568C)),
              ),
              BottomNavigationBarItem(
                icon: Icon(Icons.person_outline),
                label: 'Account',
                activeIcon:
                    Icon(Icons.person_outline, color: Color(0xFFE7568C)),
              ),
            ],
            currentIndex: _selectedIndex,
            selectedItemColor: const Color(0xFFE7568C),
            unselectedItemColor: Colors.grey,
            backgroundColor: const Color(0xFF1E1E1E),
            type: BottomNavigationBarType.fixed,
            selectedFontSize: 24.sp,
            unselectedFontSize: 24.sp,
            iconSize: 48.sp,
            elevation: 0,
            onTap: _onItemTapped,
          ),
        ),
      ),
    );
  }
}

class DownloadButton extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ElevatedButton.icon(
      onPressed: () {
        // 处理下载逻辑
      },
      icon: const Icon(
        Icons.system_update_alt,
        size: 30,
        color: Color(0xfff1f1f1), // 设置图标颜色为 0xfff1f1f1
      ),
      label: const Text(
        "Download",
        style: TextStyle(
          color: Color(0xfff1f1f1),
          fontSize: 26,
          fontFamily: "PingFang SC",
          fontWeight: FontWeight.w800,
        ),
      ),
      style: ElevatedButton.styleFrom(
        backgroundColor:
            const Color(0xffe7568c), // 使用 backgroundColor 替代 primary
        shape: RoundedRectangleBorder(
          borderRadius: BorderRadius.circular(27.r),
        ),
        padding: EdgeInsets.symmetric(horizontal: 17.w, vertical: 9.h),
        minimumSize: Size(195.w, 54.h),
      ),
    );
  }
}

class CustomIconButton extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      width: 54.w,
      height: 54.h,
      child: Stack(
        children: [
          Container(
            width: 54.w,
            height: 54.h,
            decoration: const BoxDecoration(
              shape: BoxShape.circle,
              color: Color(0xff151313),
            ),
          ),
          Positioned.fill(
            child: Align(
              alignment: Alignment.center,
              child: const Icon(
                Icons.notifications,
                size: 36,
                color: Color(0xfff1f1f1), // 设置图标颜色为 0xfff1f1f1
              ),
            ),
          ),
        ],
      ),
    );
  }
}

class MoreButton extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Row(
      mainAxisSize: MainAxisSize.min,
      mainAxisAlignment: MainAxisAlignment.start,
      crossAxisAlignment: CrossAxisAlignment.center,
      children: [
        const Text(
          "more",
          style: TextStyle(
            color: Color(0xff929292),
            fontSize: 26,
          ),
        ),
        SizedBox(width: 10.w),
        Transform.rotate(
          angle: 3.14,
          child: Container(
            width: 26.w,
            height: 26.h,
            decoration: BoxDecoration(
              borderRadius: BorderRadius.circular(8.r),
            ),
            child: const Icon(
              Icons.arrow_back, // 替换为合适的图标
              size: 26,
              color: Color(0xfff1f1f1), // 设置图标颜色为 0xfff1f1f1
            ),
          ),
        ),
      ],
    );
  }
}