学不会刷厕所Flutter通过device_info获取设备信息

最新推荐文章于 2025-05-26 16:39:25 发布

原创最新推荐文章于 2025-05-26 16:39:25 发布 · 723 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#flutter #react native #reactnative #uni-app

flutter 专栏收录该内容

32 篇文章

订阅专栏

Flutter可以通过device_info插件获取设备信息，该插件支持Android、iOS、macOS、Windows和Linux平台。但是，该插件并不能直接用于Flutter Web。理由是，Flutter Web运行在浏览器中，因此无法直接访问本地设备信息。

Flutter中文网

Flutter开发

不过，你仍然可以使用JavaScript来获取设备信息，并通过dart:js库将其传递给Flutter Web应用程序。以下是一个获取浏览器user-agent的示例：

首先，创建一个dart文件，导入dart:js库：

import 'dart:js' as js;

在该文件中保存以下函数：

String getUserAgent() {
  var userAgent = js.context["navigator"]["userAgent"];
  return userAgent;
}

在Flutter Web应用程序中，使用flutter_html库来将html内容解析为widget。安装该库：

dependencies:
  flutter_html: ^2.0.2

在Flutter Web应用程序中使用该函数：

import 'package:flutter/material.dart';
import 'package:flutter_html/flutter_html.dart';
import 'package:your_package_name/your_file_name.dart' as device;

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    var userAgent = device.getUserAgent();
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Get User Agent'),
        ),
        body: Html(data: userAgent),
      ),
    );
  }
}