flutter 写一个hello
时间: 2024-04-25 14:02:51 浏览: 75
好的,以下是一个简单的 Flutter Hello World 代码:
```dart
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Hello World',
home: Scaffold(
appBar: AppBar(
title: Text('Hello World'),
),
body: Center(
child: Text('Hello, World!'),
),
),
);
}
}
```
这个应用程序将在屏幕中央显示 "Hello, World!"。
相关问题
flutter container 里面写一个 text
好的,您可以在Flutter中使用Container Widget来包装Text Widget,如下所示:
```dart
Container(
child: Text(
'Hello, World!',
style: TextStyle(fontSize: 20),
),
);
```
在这个例子中,我们创建了一个Container Widget,并将一个Text Widget作为其子Widget。我们还为Text Widget指定了一个字体大小为20。您可以根据需要调整Text Widget的属性,例如字体、颜色、对齐方式等。
用flutter绘制一个气泡
可以使用 CustomPaint 和 CustomPainter 在 Flutter 中绘制气泡,具体实现方式可以参考以下代码示例:
```dart
class BubblePainter extends CustomPainter {
final Color color;
BubblePainter(this.color);
@override
void paint(Canvas canvas, Size size) {
final path = Path()
..moveTo(size.width / 2, 0)
..arcTo(
Rect.fromLTRB(0, 0, size.width, size.height),
-pi,
pi,
false,
)
..close();
final paint = Paint()..color = color;
canvas.drawPath(path, paint);
}
@override
bool shouldRepaint(BubblePainter oldDelegate) {
return color != oldDelegate.color;
}
}
class Bubble extends StatelessWidget {
final Widget child;
final Color color;
Bubble({required this.child, required this.color});
@override
Widget build(BuildContext context) {
return CustomPaint(
painter: BubblePainter(color),
child: Padding(
padding: const EdgeInsets.all(8),
child: child,
),
);
}
}
```
你可以使用 Bubble 组件来绘制气泡,例如:
```dart
Bubble(
child: Text('Hello World'),
color: Colors.blueGrey,
)
```
以上示例代码会绘制一个蓝灰色的气泡,其中文本为 "Hello World"。