在Flutter中,可以使用CircularProgressIndicator来显示一个圆形的进度指示器。要在颤动中显示3秒的CircularProgressIndicator,可以使用以下步骤:
dependencies:
flutter:
sdk: flutter
import 'dart:async';
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text('Circular Progress Indicator Demo'),
),
body: Center(
child: MyCircularProgressIndicator(),
),
),
);
}
}
class MyCircularProgressIndicator extends StatefulWidget {
@override
_MyCircularProgressIndicatorState createState() =>
_MyCircularProgressIndicatorState();
}
class _MyCircularProgressIndicatorState
extends State<MyCircularProgressIndicator> {
bool _isLoading = true;
@override
void initState() {
super.initState();
Timer(Duration(seconds: 3), () {
setState(() {
_isLoading = false;
});
});
}
@override
Widget build(BuildContext context) {
return _isLoading ? CircularProgressIndicator() : Container();
}
}
这是如何在颤动中显示3秒的CircularProgressIndicator的完整代码。关于Flutter的更多信息和教程,你可以参考Flutter官方网站。
领取专属 10元无门槛券
手把手带您无忧上云