Lilibeth Bolivar: septiembre 2021

viernes, 3 de septiembre de 2021

Slider

Slider Flutter

Crearemos un Slider sencillo que a través de el agrandaremos una imagen

Código

class _SliderState extends State<SliderPage> {
  double _valorSlider=50.0;
  double _altoImagen=200;
  double _anchoImagen=0;
  @override
  Widget build(BuildContext context) {
    return Scaffold(
       appBar:AppBar(
         title: Text('Sliders'),
         centerTitle: true,
       ),
       body: Container(
         child:Column(
           children: [
             _crearImagen(),
             _crearSlider(),
           ],
         ), 
      ),
    );
  }
  Widget _crearSlider(){
  return Slider(
    activeColor: Colors.blue,
    label: 'Tamaño de la Imagen',
   
    value: _valorSlider,
    min: 40.0,
    max: 400.0,
   onChanged: (valor){
     setState(() {
       _valorSlider=valor;
     });
   }
   );
  }
  Widget _crearImagen(){
    FittedBox imagenContainer=new FittedBox(
      alignment: Alignment.center,
      child:Container(
        constraints:BoxConstraints(minHeight: 300,maxHeight: 350),
        child: Image.asset('imagenes/paisaje3.jpg', width:_valorSlider ,)
      )
    );
    return imagenContainer;
    }

}

miércoles, 1 de septiembre de 2021

Inputs - Formulario

Input secillo TextField

Codigo

 Widget _crearinputs(){
   return TextField(
     textCapitalization: TextCapitalization.sentences,
     decoration: InputDecoration(
       counter: Text('letras ${_nombre.length}'),
       labelText: 'Nombre',
       hintText: 'Introducir su nombre',
       prefixIcon: Icon(Icons.perm_identity),
       border: OutlineInputBorder()
     ),
     onChanged: (valor){
       setState(() {
         _nombre=valor;
       });
     },
   );
}

DropdownButton :Menu desplegable

Código para input de la lista seleccionable

List<String > _Dios=['Jehova','Jesucristo','Espiritú Santo'];

 Widget _crearDropdown(){
     return DropdownButton(
       value: _seleccionada,
       items:_getOpciones(),
       onChanged: ( opt) {
         print(opt.toString());
        setState(() {
          if (opt!=null) {
                _seleccionada=opt.toString();
          }
        });
      },
   
    );}
List<DropdownMenuItem<String>> _getOpciones(){
  List<DropdownMenuItem<String>> _lista=[];
  _Dios.forEach((nombre) {
    _lista.add(
      DropdownMenuItem(
        child: Text(nombre),
        value: nombre,
      )
    );
  });
  return _lista;
}