Skip to content

Instantly share code, notes, and snippets.

@Schnodderbalken
Created June 11, 2020 12:49
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
Star You must be signed in to star a gist
Embed
What would you like to do?
Flutter loading indicator widget with text
import 'package:flutter/material.dart';
class LoadingIndicator extends StatelessWidget{
LoadingIndicator({this.text = ''});
final String text;
@override
Widget build(BuildContext context) {
var displayedText = text;
return Container(
padding: EdgeInsets.all(16),
color: Colors.black87,
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
mainAxisSize: MainAxisSize.min,
children: [
_getLoadingIndicator(),
_getHeading(context),
_getText(displayedText)
]
)
);
}
Padding _getLoadingIndicator() {
return Padding(
child: Container(
child: CircularProgressIndicator(
strokeWidth: 3
),
width: 32,
height: 32
),
padding: EdgeInsets.only(bottom: 16)
);
}
Widget _getHeading(context) {
return
Padding(
child: Text(
'Please wait …',
style: TextStyle(
color: Colors.white,
fontSize: 16
),
textAlign: TextAlign.center,
),
padding: EdgeInsets.only(bottom: 4)
);
}
Text _getText(String displayedText) {
return Text(
displayedText,
style: TextStyle(
color: Colors.white,
fontSize: 14
),
textAlign: TextAlign.center,
);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment