如何在flutter中的main.dart中实现多个包? [英] How to implement multiple packages in main.dart in flutter?

问题描述

我正在flutter-android中开发一个应用程序，为此，我正在使用screenUtil程序包，还正在检查设备连接状态(互联网).现在我的main.dart代码在我初始化screenUtil

I am developing one app in flutter-android, for that, I am using screenUtil package and also I am checking device connection status(internet). Now my main.dart code is below where I have initialized 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中使用的代码，以获取小部件之间的连接状态:

This is the code I need to use in my main.dart to get the connection status across my widgets:

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文件中同时使用这两个代码?

How can I use both the codes in my main.dart file?

推荐答案

示例:以编程方式检查互联网连接.

Example : internet connection check programmatically in flutter.

您可以与我的代码同步.

You can sync with my code.

就像下面这些详细说明我的源代码一样.只需复制并过去，然后使用您的代码进行修改它是main.dart文件:

like these my source code below in details. just copy and past then modify with yours code it is main.dart file:

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文件

and my pubspec.yaml file

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

祝你好运！

这篇关于如何在flutter中的main.dart中实现多个包?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！