Как добавить изображение актива на панель приложения в виде значка действия в приложении Flutter? - PullRequest
0 голосов
/ 05 июля 2018

Задача Я пытаюсь добавить значок изображения выхода из системы в панели приложений на экране флаттера. Я создал папку ресурсов и создал каталоги images / icons / и поместил в них значки. Я упомянул их в файле pubspec.yaml. Я пытался реализовать изображение актива в панели приложений, но оно не работает.

Код

pubspe.yaml


    name: mtrack_notifications
    description: Flutter application for MTrack Notifications 

    dependencies:
      flutter:
        sdk: flutter
      # The following adds the Cupertino Icons font to your application.
      # Use with the CupertinoIcons class for iOS style icons.
      cupertino_icons: ^0.1.2
      http: ^0.11.3+16
      shared_preferences: "^0.4.2"


    dev_dependencies:
      flutter_test:
        sdk: flutter


    # For information on the generic Dart part of this file, see the
    # following page: https://www.dartlang.org/tools/pub/pubspec

    # The following section is specific to Flutter.
    flutter:

      # The following line ensures that the Material Icons font is
      # included with your application, so that you can use the icons in
      # the material Icons class.
      uses-material-design: true

      # To add assets to your application, add an assets section, like this:
      # assets:
      #  - images/a_dot_burr.jpeg
      #  - images/a_dot_ham.jpeg
      assets:
      - assets/images/icons/like.png
      - assets/images/icons/logout.png
      # An image asset can refer to one or more resolution-specific "variants", see
      # https://flutter.io/assets-and-images/#resolution-aware.

      # For details regarding adding assets from package dependencies, see
      # https://flutter.io/assets-and-images/#from-packages

      # To add custom fonts to your application, add a fonts section here,
      # in this "flutter" section. Each entry in this list should have a
      # "family" key with the font family name, and a "fonts" key with a
      # list giving the asset and other descriptors for the font. For
      # example:
      # fonts:
      #   - family: Schyler
      #     fonts:
      #       - asset: fonts/Schyler-Regular.ttf
      #       - asset: fonts/Schyler-Italic.ttf
      #         style: italic
      #   - family: Trajan Pro
      #     fonts:
      #       - asset: fonts/TrajanPro.ttf
      #       - asset: fonts/TrajanPro_Bold.ttf
      #         weight: 700
      #
      # For details regarding fonts from package dependencies,
      # see https://flutter.io/custom-fonts/#from-packages

Нажмите, чтобы увидеть скриншот IDE здесь

Код Appbar




    @override
      Widget build(BuildContext context) {
        //build a form widget using the form key we created above
        return new Scaffold(
          appBar: new AppBar(
            title: new Text(StringRef.appName),
            actions: [

          new Center(
          child:new Text(
            userName,
            textScaleFactor: 1.5,
            style: new TextStyle(
              fontSize: 12.0,
              color: Colors.white,
            ),
          )),
          new IconButton(
            icon: new Icon(Icons.close),
            tooltip: 'Closes application',
            onPressed: () => exit(0),
          ),

          new IconButton(
            icon: new Image.asset('images/icons/logout.png'),
            tooltip: 'Closes application',
            onPressed: () => exit(0),
          ),

            ],
          ),

Ответы [ 3 ]

0 голосов
/ 05 июля 2018

Проблема находится на вашем пути, который вы указали в IconButton.

Так и должно быть.

new IconButton(
            icon: new Image.asset('assets/images/icons/logout.png'),
            tooltip: 'Closes application',
            onPressed: () => exit(0),
          )
0 голосов
/ 09 апреля 2019

не пытайтесь зарегистрировать все ваши изображения в pubspec.yaml, если вы поместите изображение в папку папок, то вам следует зарегистрировать все папки. как это

Вы помещаете изображение: hero.png в папку Images внутри папки Assets. Активы> Изображения> hero.png

тогда вы должны написать их в 'pubspec.yaml' под: «Флаттера: активы: -Assets / Images / hero.png '

0 голосов
/ 05 июля 2018

В соответствии с Flutter Documentation вам необходимо включить полный путь, указанный в pubspec.yaml ресурса, чтобы загрузить его:

Image.asset('assets/images/icons/logout.png')
...