Flutter Image Atset
// pubspec.yaml
flutter:
assets:
- graphics/
// Inside your widget
Image(image: AssetImage('graphics/background.png'))
Glamorous Gibbon
// pubspec.yaml
flutter:
assets:
- graphics/
// Inside your widget
Image(image: AssetImage('graphics/background.png'))
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("Image from assets"),
),
body: Image.asset('assets/images/lake.jpg'), // <--- image
),
);
}
}
Image.asset(name) is essentially Image(image: AssetImage(name)),
Image.file(path) is essentially Image(image: FileImage(File(path))),
Image.network(url) is essentially Image(image: NetworkImage(url)),
Image.memory(list) is essentially Image(image: MemoryImage(list))
Image(
image: AssetImage("location/of/image"),
)
// Update the pubspec.yaml file.
assets:
- assets/tablet.png
- assets/background.png
Image.asset('assets/tablet.png'),
// Display images from the internet
Image.network(
'https://picsum.photos/250?image=9',
)
import 'package:flutter/material.dart';
void main() {
runApp(MaterialApp(
debugShowCheckedModeBanner: false,
home: Home(),
));
}
class Home extends StatefulWidget {
@override
_HomeState createState() => _HomeState();
}
class _HomeState extends State<Home> {
String _info = "Informe seus dados.";
GlobalKey<FormState> _formKey = GlobalKey<FormState>();
TextEditingController pesoController = TextEditingController();
TextEditingController alturaController = TextEditingController();
void _resetFields()
{
pesoController.text = '';
alturaController.text = '';
setState(() {
_info = "Informe seus dados.";
_formKey = GlobalKey<FormState>();
});
}
void _calcular(){
setState(()
{
double peso = double.parse(pesoController.text);
double altura = double.parse(alturaController.text) / 100;
double imc = peso / ( altura * altura);
print(imc);
if(imc < 18.6){
_info = 'Abaixo do Peso (${imc.toStringAsPrecision(3)})';
} else if(imc >= 18.6 && imc < 24.9){
_info = 'Peso Ideal (${imc.toStringAsPrecision(3)})';
} else if(imc >= 24.9 && imc < 29.9){
_info = 'Levemente Acima do Peso (${imc.toStringAsPrecision(3)})';
} else if(imc >= 29.9 && imc < 34.9){
_info = 'Obesidade Grau I (${imc.toStringAsPrecision(3)})';
} else if(imc >= 34.9 && imc < 39.9){
_info = 'Obesidade Grau II (${imc.toStringAsPrecision(3)})';
} else if(imc >= 40){
_info = 'Obesidade Grau III (${imc.toStringAsPrecision(3)})';
}
});
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("Calcula IMC"),
centerTitle: true,
backgroundColor: Colors.green,
actions: <Widget>[
IconButton(icon: Icon(Icons.refresh), onPressed: _resetFields)
],
),
backgroundColor: Colors.white,
body: SingleChildScrollView(
padding: EdgeInsets.fromLTRB(10, 0, 10, 0),
child: Form(
key: _formKey,
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: <Widget>[
Icon(Icons.person_outline, size: 120.0, color: Colors.green),
TextFormField(
keyboardType: TextInputType.number,
decoration: InputDecoration(
labelText: "Peso (kg)",
labelStyle: TextStyle(color: Colors.green)),
textAlign: TextAlign.center,
style: TextStyle(color: Colors.green, fontSize: 25.0),
controller: pesoController,
validator: (value){
if(value.isEmpty){
return "Insira seu Peso!";
}
},
),
TextFormField(
keyboardType: TextInputType.number,
decoration: InputDecoration(
labelText: "Altura (CM)",
labelStyle: TextStyle(color: Colors.green)),
textAlign: TextAlign.center,
style: TextStyle(color: Colors.green, fontSize: 25.0),
controller: alturaController,
validator: (value){
if(value.isEmpty){
return "Insira sua Altura!";
}
},
),
Padding(
padding: EdgeInsets.only(top: 10.0, bottom: 10.0),
child: Container(
height: 50,
child: RaisedButton(
onPressed: (){
if(_formKey.currentState.validate()){
_calcular();
}
},
child: Text('Calcular',style: TextStyle(color: Colors.white, fontSize: 25.0),),
color: Colors.green,
),
),
),
Text(_info,
textAlign: TextAlign.center,
style: TextStyle(color: Colors.green, fontSize: 25),
)
],
),
)
)
);
}
}