0

A minha dúvida é a seguinte: Ao colocar o id do colaborador e clicar em adicionar, entra na lista o id e nome do colaborador, como na foto:

Foto 1

Ao adicionar, o colaborador sobrepõe o textfield... To tentando fazer com que o text field fique sempre embaixo do ultimo item da lista.

Foto 2

É um listview simples e um textfield simples. Segue o código

ListView.builder(
   scrollDirection: Axis.vertical,
   shrinkWrap: true,
   itemCount: listaUsers.length,
   itemBuilder: (context, index) {
      return ListTile(
         dense: true,
         title: Row(
            children: <Widget>[
               Text(
                  listaUsers[index]
                  .id
                  .toString(),
                  style: TextStyle(color: Colors.black, fontSize: 13),
               ),
               Text(" - "),
               Text(
                  listaUsers[index].name,
                  style: TextStyle(color: Colors.black, fontSize: 13),
               ),               
            ],
         ),
         onTap: () => _onTapped(user),
         trailing: IconButton(
            icon: Icon(Icons.remove),
            onPressed: () {},
         )
      ); 
   }),
   Padding(
      padding: EdgeInsets.only(left: 10),
      child: Container(
         padding: EdgeInsets.only(left: 15, right: 15),
         child: Row(children: <Widget>[
            Expanded(
               child: TextField(
                  controller: addColaborador,
                  decoration: InputDecoration(
                     hintText: "ID COLABORADOR",
                     contentPadding: EdgeInsets.only(bottom: 0),
                     labelStyle: TextStyle(color: Colors.blueAccent)
                  ),
               ),
            ),
            IconButton(
               icon: Icon(Icons.add),
               onPressed: () {
                  _buscarId();
               },
            )
         ]
      )
   )
)  

2 Respostas 2

1

Você poderia adicionar o TextField abaixo do ListView.builder dentro de uma Column, assim conforme for adicionando os itens no ListView, ele cresce e empurra o TextView para baixo.

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HomePage(),
    );
  }
}

class HomePage extends StatefulWidget {
  @override
  _HomePageState createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  TextEditingController controller = TextEditingController();

  final List<String> list = [];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('ListView'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(8.0),
        child: SingleChildScrollView(
          child: Column(
            children: [
              ListView.builder(
                  shrinkWrap: true,
                  itemCount: list.length,
                  itemBuilder: (context, index) {
                    return ListTile(
                      title: Text(list[index]),
                      trailing: IconButton(
                        icon: Icon(Icons.remove),
                        onPressed: () {
                          setState(() {
                            list.removeAt(index);
                          });
                        },
                      ),
                    );
                  }),
              Row(
                children: [
                  Expanded(
                    child: TextField(
                      controller: controller,
                      decoration: InputDecoration(
                        hintText: 'ID COLABORADOR',
                      ),
                    ),
                  ),
                  IconButton(
                      icon: Icon(Icons.add),
                      onPressed: () {
                        if (controller.text != null) {
                          setState(() {
                            list.add(controller.text);
                            controller.clear();
                          });
                        }
                      }),
                ],
              ),
            ],
          ),
        ),
      ),
    );
  }
}
0

Acredito ser simples, adicione o textfield sempre após o ultimo item.

Video

ListView(
    scrollDirection: Axis.vertical,
    shrinkWrap: true,
    children: List.generate(listaUsers.length, (index) {
      Widget child = ListTile(
          dense: true,
          title: Row(
            children: <Widget>[
              Text(
                listaUsers[index].id.toString(),
                style: TextStyle(color: Colors.black, fontSize: 13),
              ),
              Text(" - "),
              Text(
                listaUsers[index].name,
                style: TextStyle(color: Colors.black, fontSize: 13),
              ),
            ],
          ),
          onTap: () => _onTapped(user),
          trailing: IconButton(
            icon: Icon(Icons.remove),
            onPressed: () {},
          ));

      return child;
    }).toList()
      ..add(Padding(
          padding: EdgeInsets.only(left: 10),
          child: Container(
              padding: EdgeInsets.only(left: 15, right: 15),
              child: Row(children: <Widget>[
                Expanded(
                  child: TextField(
                    controller: addColaborador,
                    decoration: InputDecoration(
                        hintText: "ID COLABORADOR",
                        contentPadding: EdgeInsets.only(bottom: 0),
                        labelStyle: TextStyle(color: Colors.blueAccent)),
                  ),
                ),
                IconButton(
                  icon: Icon(Icons.add),
                  onPressed: () {
                    _buscarId();
                  },
                )
              ])))))

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .