如何在 flutter 中的 main.dart 中实现多个包？

Question

我正在flutter-android中开发一个应用程序，为此，我正在使用screenUtil package，并且我正在检查设备连接状态（互联网）。 现在我的 main.dart 代码在我初始化 screenUtil 的下面

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ScreenUtilInit(
      designSize: Size(360, 690),
      allowFontScaling: false,
      builder: () => MaterialApp(
        debugShowCheckedModeBanner: false,
        home: HomeScreen(),
      ),
    );
  }
}

这是我需要在 main.dart 中使用的代码，以获取我的小部件之间的连接状态：

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

class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
  return StreamProvider<ConnectivityStatus>(
    builder: (context) => ConnectivityService().connectionStatusController,
    child: MaterialApp(
      debugShowCheckedModeBanner: false,
      home: HomeScreen(),
    ),
  );
}

如何在我的 main.dart 文件中使用这两个代码？

Answer 1

示例：在 flutter 中以编程方式检查 Internet 连接。

您可以与我的代码同步。

像这些我的源代码下面的详细信息。 只需复制并过去然后用你的代码修改它是 main.dart 文件：

import 'package:connectivity/connectivity.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ScreenUtilInit(
      designSize: Size(360, 690),
      builder: () => MaterialApp(
        debugShowCheckedModeBanner: false,
        home: HomeScreen(),
      ),
    );
  }
}
class HomeScreen extends StatefulWidget {
  @override
  _HomeScreenState createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> {
  var connectionStatus="";
  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    checkConnection();

  }
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Text(connectionStatus),
      ),
    );
  }
  void checkConnection() async{
    var connectivityResult = await (Connectivity().checkConnectivity());
    if (connectivityResult == ConnectivityResult.mobile) {
      // I am connected to a mobile network.
      // write your code here;
      connectionStatus="mobile data";
    } else if (connectivityResult == ConnectivityResult.wifi) {
      // I am connected to a wifi network.
      // write your code here
      connectionStatus="wifi data";
    } else {
// where your code here
      connectionStatus="no internet connection";
    }
  }
}

和我的 pubspec.yaml 文件

name: flutter_app
description: A new Flutter application.
version: 1.0.0+1
environment:
  sdk: ">=2.7.0 <3.0.0"

dependencies:
  flutter:
    sdk: flutter
  cupertino_icons: ^1.0.2
  flutter_screenutil: ^5.0.0
  data_connection_checker: ^0.3.4
  connectivity: ^3.0.2
  connectivity_platform_interface: ^2.0.1

dev_dependencies:
  flutter_test:
    sdk: flutter
flutter:
  uses-material-design: true

祝你好运！