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;
}



No hay comentarios:

Publicar un comentario

Slider