首页 > 解决方案 > 状态栏下的应用栏标题颤动

问题描述

我对颤动比较陌生,所以我不知道为什么我的应用栏看起来像这样 应用截图

这是 main.dart 文件

import 'package:testapp/test_page.dart';
import 'package:flutter/material.dart';

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


class Home extends 
StatelessWidget {

@override
 Widget build(BuildContext 
context) {
return MaterialApp(
  debugShowCheckedModeBanner: false,
  title: 'Test App',
  theme: ThemeData(primaryColor: Colors.purple),
  home: TestPage(),
);
}
}

这是我的 testpage.dart

import 'package:flutter/material.dart';

class TestPage extends 
StatelessWidget {
@override
Widget build(BuildContext 
context) {
return Scaffold(
  primary: false,
  appBar: AppBar(
    title: Text(' Test app'),
  ),
  body: Center(child: Text('Example Test')),
);
}
}

我尝试使用 SafeArea 它不起作用。谢谢

标签: androidflutterdart

解决方案


将主要值更改为 true 并告诉我结果:

Scaffold(
primary: true, // this line
appBar: AppBar(......

编辑:

MaterialApp 不能是 statelessWidget 的子级。将其用作主要 Widget

runApp(MaterialApp(
  ......
))

推荐阅读