【问题标题】:Header image to show要显示的标题图片
【发布时间】:2020-08-22 02:27:31
【问题描述】:

我正在尝试让标题图像显示在应用程序的页面上,但它没有显示,并且 _header 在我的代码中似乎是灰色的。我错过了一些我想我不确定的东西。编辑:我需要标题显示在构建中的内容行上方。

 Widget _header() {
return new Container(
  child: new Row(
    children:<Widget>[
      new Column(
        children: <Widget>[
          Image.asset(
            'assets/classes-Image.png',
          ),
        ],
      ),
    ],
  ),
);

}

下面的额外代码:

    Widget build(BuildContext context) {
    return new Scaffold(
      appBar: AppBar(
        title: const Text('Learn How to Paint'),
        backgroundColor: Color(0xFF202945),
      ),
      body: new Container(
        child: ListView(
          shrinkWrap: true,
          children: <Widget>[
            Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: <Widget>[
                new Column(
                  children: <Widget>[
                    Row(
                      children: <Widget>[
                        new Padding(
                          padding: const EdgeInsets.only(
                            left: 20.0,
                          ),
                        ),
                        Image.asset(
                          'assets/Profile-Photo.png',
                        ),
                        new Padding(
                          padding: const EdgeInsets.only(
                            right: 20.0,
                          ),
                        ),
                        Text(
                          'Katherine G.',
                        ),
                      ],
                    ),
                  ],
                ),
                ```


【问题讨论】:

  • 您可以在您调用header() 小部件的位置添加完整代码吗? @ladyc
  • 我没有在其他任何地方调用它,因为我不知道这样做。我对学习 Flutter 还是很陌生
  • 哦好的。请问您可以添加完整的代码吗?并且是您在 pubspec.yaml 文件中声明的图像
  • 图像在 pubspec.yaml 文件中声明。在上面的主要帖子中获取完整代码有点麻烦。而且显然发表评论太多了
  • 好的。将等待完整的代码 sn -p @ladyc

标签: flutter flutter-widget


【解决方案1】:

您可以通过将 header 小部件放在 Row 小部件之前来实现此目的。

header 未显示,因为您没有将其添加到 ListView

希望这能解决您的问题。

【讨论】:

    【解决方案2】:

    您需要从构建函数中的某个位置调用_header(),并将结果作为子组件提供给另一个小部件。它变灰可能意味着您没有调用它。

    【讨论】:

    • 我假设我需要调用它的地方就是我真正希望它出现的地方?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2023-03-20
    • 1970-01-01
    • 2015-11-27
    • 1970-01-01
    • 1970-01-01
    • 2017-12-29
    • 1970-01-01
    相关资源
    最近更新 更多