Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Oi Joslaine, tudo bem?
Baseado na descrição da sua atividade, você precisa criar um TextFormField que atualize a imagem em tempo real de acordo com a URL inserida. Aqui está um exemplo de como você pode fazer isso:
class MyForm extends StatefulWidget {
@override
MyFormState createState() {
return MyFormState();
}
}
class MyFormState extends State<MyForm> {
final _formKey = GlobalKey<FormState>();
String _url = '';
@override
Widget build(BuildContext context) {
return Form(
key: _formKey,
child: Column(
children: <Widget>[
TextFormField(
decoration: InputDecoration(labelText: 'Enter URL'),
onChanged: (value) {
setState(() {
_url = value;
});
},
),
Container(
width: 100,
height: 100,
child: _url.isEmpty
? Placeholder()
: Image.network(_url, fit: BoxFit.cover),
),
],
),
);
}
}
Neste exemplo, o TextFormField atualiza a variável _url sempre que o texto é alterado. O Container exibe um Placeholder se a URL estiver vazia, e a imagem da URL se ela não estiver vazia.
Por favor, tente adaptar este exemplo para o seu código e veja se resolve o seu problema. Lembre-se de substituir os valores de altura e largura do Container para se adequar ao seu layout.
Um abraço e bons estudos.