Flutter设备管理插件device_in的使用

该包帮助你展示项目或在各种项目中使用移动操作系统界面。

所有功能均已包含在包中，例如：

• 窗口管理系统
• 可定制的Toast通知
• 操作系统特定的功能

示例

查看实际示例：

• 示例代码

安装

运行以下命令：

flutter pub add device_in

这将在你的pubspec.yaml文件中添加一行，类似于以下内容（并隐式运行flutter pub get）：

dependencies:
  device_in: <最新版本>

或者，你可以使用编辑器支持的flutter pub get。请查阅编辑器文档以了解更多信息。

在代码中导入包：

import 'package:device_in/device_in.dart';

你可以这样使用标准的device_in：

DeviceIn(
  device: Devices.ios.iPhone13ProMax,
  deviceNavigationController: DeviceNavigationController(
    apps: [],
    bottomApps: [],
  ),
),

DeviceApplication属性

重要提示：

• 必须提供iconImage或iconImageWidget之一，但不能同时提供。
• 必须提供appEntry或onTap之一，但不能同时提供。
• appName是必需的。

附加信息：

• EntryWidgetBuilder定义为：

  typedef EntryWidgetBuilder = Widget Function(DeviceNavigationController controller);
  

许可证

MIT许可证

完整示例

import 'package:device_in/device_in.dart';
import 'package:flutter/material.dart';

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

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: const MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

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

  final String title;

  [@override](/user/override)
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> with TickerProviderStateMixin {
  DeviceNavigationController navigationController = DeviceNavigationController(
    apps: [
      DeviceApplication(
        appName: 'Flutter',
        isBigWidget: true,
        appEntry: (controller) {
          return FlutterScreen(controller: controller);
        },
        iconImage: 'assets/flutter.png',
      ),
      DeviceApplication(
        appName: 'calendar',
        isBigWidget: false,
        appEntry: (controller) {
          return const Center(child: Text('calendar'));
        },
        iconImage: 'assets/calendar.png',
      ),
      DeviceApplication(
        appName: 'iMessage',
        isBigWidget: false,
        appEntry: (controller) {
          return const Center(child: Text('iMessage'));
        },
        iconImage: 'assets/iMessage.png',
      ),
    ],
    bottomApps: [
      DeviceApplication(
        appName: 'Safari',
        isBigWidget: false,
        appEntry: (controller) {
          return const Center(child: Text('Safari'));
        },
        iconImage: 'assets/safari.png',
      ),
    ]
  );

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            DeviceIn(
              device: Devices.ios.iPhone13ProMax,
              deviceNavigationController: navigationController,
            ),
          ],
        ),
      ),
    );
  }
}

class FlutterScreen extends StatelessWidget {
  final DeviceNavigationController controller;
  const FlutterScreen({required this.controller, super.key});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('FlutterScreen'),
        backgroundColor: Colors.blue,
        leading: IconButton(
          icon: const Icon(Icons.arrow_back),
          onPressed: () {
            controller.goBack();
          },
        ),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            const Text('FlutterScreen'),
            ElevatedButton(
              onPressed: () {
                controller.showToast(
                  content: const Text('this is a toast message'),
                  title: const Text('Toast title'),
                  leading: const Icon(Icons.info),
                );
              },
              child: const Text('显示Toast'),
            ),
          ],
        ),
      ),
    );
  }
}