【发布时间】:2021-07-17 14:40:56
【问题描述】:
我希望主页有一个自定义的应用栏,我使用一个容器来制作它。 HomePage 小部件中包含以下小部件: 1.HomepageAppbar(), 2.首页标题(), 3. 还有一个扩展的小部件。
我在使用 vs 代码和颤振方面遇到了问题。
这是我下面的代码:
import 'package:flutter/material.dart';
// * importing homepage components
import 'package:mar_kit/pages/homepage/widgets/heading.dart';
import 'package:mar_kit/pages/homepage/widgets/homepage_appbar.dart';
class Homepage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Column(
HomepageAppbar(),
HomepageHeading(),
);
}
}
这是来自其他两个文件
import 'package:flutter/material.dart';
class HomepageAppbar extends StatelessWidget {
@override
Widget build(BuildContext context) {
return SafeArea(
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 5),
child: Container(
// * this will have a height of 100 and will function as an appbar
height: 30,
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Row(
children: [
Text(
'Madanrting, Shillong',
style: TextStyle(fontSize: 16, fontWeight: FontWeight.bold),
),
Icon(Icons.arrow_drop_down),
],
),
Row(
children: [
Icon(
Icons.search,
size: 30.0,
),
SizedBox(
width: 15.0,
),
Icon(
Icons.notifications,
size: 30.0,
),
],
),
],
),
),
),
);
}
}
import 'package:flutter/material.dart';
class HomepageHeading extends StatelessWidget {
var style = TextStyle(fontSize: 20, fontWeight: FontWeight.bold);
@override
Widget build(BuildContext context) {
return Padding(
padding: const EdgeInsets.symmetric(horizontal: 10),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'Hi, Moneymaker.',
style: style,
),
Text(
'Welcome back, new products below',
style: style,
)
],
),
);
}
}
【问题讨论】:
-
列获取子列表,阅读有关 Colunn 小部件的文档。
-
请不要将图片上传用于代码示例和错误消息。而是粘贴实际文本。见why-not-upload-images-of-code-errors-when-asking-a-question