dart - 单击时 Flutter 扩展磁贴消失

Question

我正在使用 flutter，我只是一个初学者。我有多个列表，我想最终将其放入抽屉中的菜单中，但我遇到了视觉问题。

我附上了它的外观图片。当您单击标题以下拉列表时，标题本身会消失。这似乎不是我在互联网上看到的其他教程的默认行为。

有人可以帮我解决这个问题吗？

我的代码是这样的:

import 'package:flutter/material.dart';

class HomePage extends StatelessWidget {
 @override
Widget build(BuildContext context) {
return Scaffold(
  appBar: AppBar(
    iconTheme: IconThemeData(color: Colors.white),
    title: Text(
      'Home',
      style: TextStyle(color: Colors.white),
    ),
  ),
  body: new ListView.builder(
    itemBuilder: (BuildContext context, int index) {
      return new StuffInTiles(listofTiles[index]);
    },
    itemCount: listofTiles.length,
  ),
);
}
}

class StuffInTiles extends StatelessWidget {
final MyTile myTile;

StuffInTiles(this.myTile);

@override
Widget build(BuildContext context) {
   return _buildTiles(myTile);
}

Widget _buildTiles(MyTile t) {
if (t.children.isEmpty) return new ListTile(title: new Text(t.title));
return new ExpansionTile(
  key: new PageStorageKey<MyTile>(t),
  title: new Text(t.title),
  children: t.children.map(_buildTiles).toList(),
);
}
}

class MyTile {
String title;
List<MyTile> children;

MyTile(this.title, [this.children = const <MyTile>[]]);
}

List<MyTile> listofTiles = <MyTile>[
new MyTile('Animals', <MyTile>[
new MyTile('Dogs', <MyTile>[new MyTile('dog one '), new MyTile('dog two')])
]) 
];

flutter app missing title when clicked

这是我的 main.dart 文件

import 'package:actionhrm/pages/login.dart';
import 'package:flutter/material.dart';
import 'package:flutter_statusbarcolor/flutter_statusbarcolor.dart';
import 'package:flutter/services.dart';




 void main() => runApp(new MyApp());

 class MyApp extends StatelessWidget {

 MyApp() {
   //changeStatusColor(Color(0xFF28ace2));
 }

 changeStatusColor(Color color) async {
   try {
     await FlutterStatusbarcolor.setStatusBarColor(color);
   } on PlatformException catch (e) {
     print(e);
   }
 }

 // This widget is the root of your application.
 @override
 Widget build(BuildContext context) {
   return new MaterialApp(
     theme: new ThemeData(
       primaryColor: Color(0xFF28ace2),
       brightness: Brightness.light,
       accentColor: Colors.white,
       cardColor: Colors.white,

     ),
     home: LoginPage(),
   );
 }
}

我不明白的一件事是，当我将 HomePage 构建小部件包装在 Material App 中时它可以工作，但我认为你不应该那样做

请注意，main.dart 文件加载登录页面，然后登录页面加载主页。

如果您在 Material 应用程序中将 HomePage 添加到主页，它将不起作用!

Answer 1

我找到了自己的答案。刚开始时，最好不要对您不了解的事情胡闹太多。我有

accentColor: Colors.white,

添加到我的主题数据中，导致它消失在它后面的白色中。对不起愚蠢的错误