繁体   English   中英

看不到应用程序正文中的复选框和文本

Cannot see the checkbox and the text in the body of the App

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我是 Dart 和 Flutter 的初学者。 我关注了 Flutter YouTube 频道在 Flutter 中的第一个视频,他们创建了一个带有复选框和进度指示器的基本页面。

我跟着,我可以在应用程序中看到进度指示器,但我看不到任何复选框或与我指定的复选框相邻的文本。 似乎也没有错误! 或者有但是我找不到!

主文件main.dart文件


import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter App',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatelessWidget {
  const MyHomePage({super.key, required this.title});

  final String title;

  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Checkbox'),
      ),
      body: Column(
        children: [
          MyProgress(),
        ],
      ),
    );
  }
}

class MyProgress extends StatelessWidget {
  const MyProgress({super.key});

  @override
  Widget build(BuildContext context) {
    return Column(
      children: const [
        Text("Your Progess can be viewed here!"),
        LinearProgressIndicator(value: 0.0),
      ],
    );
  }
}

class TaskItem extends StatelessWidget {
  final String label;
  const TaskItem({Key? key, required this.label}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Row(
      children: [Checkbox(value: false, onChanged: null), Text(label)],
    );
  }
}

class TaskList extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        TaskItem(label: "AI Note"),
        TaskItem(label: "DAA Note"),
        TaskItem(label: "DDM Note"),
        TaskItem(label: "DPCO Note"),
        TaskItem(label: "DM Note"),
      ],
    );
  }
}
1 个回复

我看不到任何复选框或文字

这是因为您没有在屏幕中调用TaskList

Widget build(BuildContext context) {
   return Scaffold(
      appBar: AppBar(
        title: Text('Checkbox'),
      ),
      body: Column(
        children: [
          MyProgress(), // you only show the linear progress
          TaskList(), // all you need to do is, to add this 
        ],
      ),
    );

结果

1 在Dbeaver / PgAdmin中看不到功能主体

我使用DBeaver连接到了postgreSQL数据库(8.3版)。 当找到函数并尝试查看其主体时,我收到一条错误消息,指出在ERROR WHILE READING SOURCE: SQL Error [42883]: function pg_get_functiondef(oid) does ...

2 如何查看复选框是否被选中并获取文本标题

我有一个带有多个复选框的 tkinter gui。 gui 内置在我的主要 class 的init部分中。 我想知道是否选中了多个复选框,然后将标题文本保存到列表中,以便我可以对这些文本进行列表搜索,以便稍后在程序中设置其他变量。 我应该在class MainApplication(tk.Fram ...

3 在Flutter应用中看不到输入

我遵循了本教程: https : //codelabs.developers.google.com/codelabs/flutter/index.html#4 ,但是运行该应用程序后,我看不到输入窗口小部件。 主镖 ...

2017-05-30 18:58:33 1 54   flutter
4 我看到了文本,但无法通过.text返回它

运行: 当黄页对商店进行评级时,产生一些嘈杂的(数字)字符。 如果存在评级,则将评级存储在“ a”标记中,否则不存在“ a”标记,并且直接进入“ p”标记。 我只想从“ p”标签中获取文本。 运行: 得到: 运行: 运行后,我可以看到嵌套的文本,但无法返 ...

6 CSS全角标头(全角,看不到正文背景)

我已经多次问过这个问题,但是当我尝试实现他们的解决方案时,它似乎没有用。 我目前开始使用外部样式表涉足HTML和CSS。 我使用以下内容创建了一个容器(边界只是为了帮助我了解容器): header{ width: 100%; height:100%; margin: ...

8 我看不到幻灯片中的图像和文字

我有问题。 我有一个幻灯片,其中必须出现图像(书的照片)和文本(书名)。 对于幻灯片的创建,我没有问题,因为我使用的是 querySelectors,如下面的代码所示。 问题在于显示带有标题的图像。 在代码的第一部分中,我有一个对象数组,它给出了存在的元素总数,并在此基础上创建了幻灯片(创建滑动点和 ...

9 使用 flexbox 看不到文本内容

请看一下代码示例 我正在尝试呈现一个汉堡包图标和一个菜单,当用户将鼠标悬停在菜单图标上时会出现该菜单。 令人惊讶的是,虽然您可以看到菜单,但文本却不见了。 虽然,如果我从.menu删除display: flex ,一切似乎都正常。 我不确定 flexbox 如何影响文本内容。 /* ...

10 无法将标题图标与引导程序中的正文对齐

我在使用Bootstrap时遇到了一个非常令人沮丧的问题。 我有一些标题和正文的标题和正文。 我的标题两侧有两个图标,在我的示例中,我有几个带有某些标题(例如业务)的故事。 我希望标题(业务)与右侧的图标对齐。 因此,“业务”应该恰好在标题中我的右图标开始的位置开始,并且我想通过自举实现 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM