Question

我正在构建一个Flutter应用程序。我已经建立了一个带有构造函数的类。我创建了构造函数，以便可以自定义我的ListTile

像这样：

class AppList extends StatefulWidget {

  @override
    AppListState createState() => AppListState();

    AppList({Key key, this.child}) : super(key: key);

    final Widget child;

}

class AppListState extends State<AppList> {

  Widget child;

  List<Map<String, String>> _installedApps;

  @override
    void initState() {
      super.initState();
    }

  getApps() {
    setState(() {
      installedApps = _installedApps;
      getApp();
    });
  }

  @override
    Widget build(BuildContext context) {

      if (installedApps == null)
        getApps();

      return ListView.builder( 
        itemCount: installedApps == null ? 0 : installedApps.length,
        itemBuilder: (context, index) {
          return child; //This is where the ListTile will go. 
        },
      );
    }

}

//Just in case you were confused, I used a plugin for some of the features

建立此类后，将其放入示例类。

示例类：

class Example extends StatefulWidget {

  @override 
    ExampleState createState() => ExampleState();

}

class ExampleState extends State<Example> {

  @override
    Widget build(BuildContext context) {
      return MaterialApp (
        debugShowCheckedModeBanner: false,
        home: Scaffold (
          body: Container (
            color: Colors.black,
            child: AppList (
              child: ListTile ( 
                title: Text(installedApps[index]["app_name"]) //this is the text
              ),
            )
          )  
        ),
      );
    }

}

然后，我在其中添加了一个ListTile和一个文本。但是，当我编写文本时，我意识到我无法放上我想要的文本。这是因为在Example类中未定义“索引”。

有什么好方法可以将此文本放在我的Example类中？

完整代码：

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

import 'dart:async';
import 'dart:io';

import 'package:flutter_appavailability/flutter_appavailability.dart';

void main() {
  SystemChrome.setEnabledSystemUIOverlays([]);
  runApp(Example());
}

Future<void> getApp() async {

  if (Platform.isAndroid) {

    installedApps = await AppAvailability.getInstalledApps();

    print(await AppAvailability.checkAvailability("com.android.chrome"));

    print(await AppAvailability.isAppEnabled("com.android.chrome"));

  }
  else if (Platform.isIOS) {
    installedApps = iOSApps;

    print(await AppAvailability.checkAvailability("calshow://"));

  }

}

List<Map<String, String>> installedApp;
List<Map<String, String>> installedApps;
List<Map<String, String>> iOSApps = [
  {
    "app_name": "Calendar",
    "package_name": "calshow://"
  },
  {
    "app_name": "Facebook",
    "package_name": "fb://"
  },
  {
    "app_name": "Whatsapp",
    "package_name": "whatsapp://"
  }
];

class Example extends StatefulWidget {

  @override 
    ExampleState createState() => ExampleState();

}

class ExampleState extends State<Example> {

  @override
    Widget build(BuildContext context) {
      return MaterialApp (
        debugShowCheckedModeBanner: false,
        home: Scaffold (
          body: Container (
            color: Colors.black,
            child: AppList ()
          )  
        ),
      );
    }

}

class AppList extends StatefulWidget {

  @override
    AppListState createState() => AppListState();

  AppList({Key key, this.child}) : super(key: key);

  final Widget child;

}

class AppListState extends State<AppList> {

  Widget child;

  List<Map<String, String>> _installedApps;

  @override
    void initState() {
      super.initState();
    }

  getApps() {
    setState(() {
      installedApps = _installedApps;
      getApp();
    });
  }

  @override
    Widget build(BuildContext context) {

      if (installedApps == null)
        getApps();

      return ListView.builder( 
        itemCount: installedApps == null ? 0 : installedApps.length,
        itemBuilder: (context, index) {
          return ListTile (
            title: Text(installedApps[index]["app_name"])
          );
        },
     );
   }

}

Answer 1

为什么不将ListTile小部件放入ListView构建器中？

赞：

return ListView.builder(
    itemCount: installedApps == null ? 0 : installedApps.length,
    itemBuilder: (BuildContext context, int index){
       return ListTile(
           title: Text(installedApps[index]["app_name"])
           );
)

因为我怀疑即使获得了索引，您仍然必须找到一种方法来将已安装的Apps变量从AppListState类访问到ExampleState类。

同样，您可能想要像在_installedApps变量中一样在getApps（）方法之外声明您的installedApps变量。像这样：

List<Map<String, String>> installedApps;

最后，getApp（）函数的作用是什么？以及_installedApps变量如何获取数据？

更新

我修改了您的代码，并使用了FutureBuilder小部件。

import 'dart:async';
import 'dart:io';

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

import 'package:flutter_appavailability/flutter_appavailability.dart';

void main() {
  SystemChrome.setEnabledSystemUIOverlays([]);
  runApp(Example());
}


class Example extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    return MaterialApp (
      debugShowCheckedModeBanner: false,
      home: Scaffold (
        body: Container (
          color: Colors.white,
          child: AppList ()
        )  
      ),
    );
  }

}


class AppList extends StatefulWidget {

  AppList({Key key}) : super(key: key);

  @override
  AppListState createState() => AppListState();

}

class AppListState extends State<AppList> {

  //List<Map<String, String>> installedApp;
  List<Map<String, String>> installedApps;
  List<Map<String, String>> iOSApps = [
    {
      "app_name": "Calendar",
      "package_name": "calshow://"
    },
    {
      "app_name": "Facebook",
      "package_name": "fb://"
    },
    {
      "app_name": "Whatsapp",
      "package_name": "whatsapp://"
    }
  ];


  Future<List<Map<String, String>>> getApp() async {

    if (Platform.isAndroid) {

      installedApps = await AppAvailability.getInstalledApps();

      print(await AppAvailability.checkAvailability("com.android.chrome"));

      print(await AppAvailability.isAppEnabled("com.android.chrome"));

    }
    else if (Platform.isIOS) {
      installedApps = iOSApps;

      print(await AppAvailability.checkAvailability("calshow://"));

    }

    return installedApps;
  }


  @override
  Widget build(BuildContext context) {

    return FutureBuilder(
      future: getApp(),
      builder: (BuildContext context, AsyncSnapshot<List<dynamic>> snapshot){

        switch(snapshot.connectionState){
          case ConnectionState.none:
            return Text('None');
          case ConnectionState.active:
          case ConnectionState.waiting:
            return Text('Awaiting result...');
          case ConnectionState.done:
            if (snapshot.hasError)
              return Text('Error: ${snapshot.error}');
            if (!snapshot.hasData)
              return Text('No Data');

            return ListView.builder( 
              itemCount: snapshot.data.length,
              itemBuilder: (BuildContext context, int index) {
                return ListTile (
                  title: Text(snapshot.data[index]["app_name"])
                );
              },
            );   
          }
        }
      );
    }
  }

这是我的Android手机上的输出：

我无法添加Text（installedApps [index] [“ app_name”]），因为未定义'index'。如何添加此文本？

1 个答案: