Skip to main content
adicionou 1 caractere ao conteúdo
Fonte Link
GabrielLocalhost
  • 1,4mil
  • 9
  • 23

Você não está usando a Stack, todos os seus widgets estão dentro de Row e não da Stack, por isso o FloatingActionButton não esta sobreposto, todos os widget estão um do lado do outro. E dentro do Positioned falou informar as posicões dele.

Você não está usando a Stack, todos os seus widgets estão dentro de Row e não da Stack por isso o FloatingActionButton não esta sobreposto, todos os widget estão um do lado do outro. E dentro do Positioned falou informar as posicões dele.

Você não está usando a Stack, todos os seus widgets estão dentro de Row e não da Stack, por isso o FloatingActionButton não esta sobreposto, todos os widget estão um do lado do outro. E dentro do Positioned falou informar as posicões dele.

Fonte Link
GabrielLocalhost
  • 1,4mil
  • 9
  • 23

Você não está usando a Stack, todos os seus widgets estão dentro de Row e não da Stack por isso o FloatingActionButton não esta sobreposto, todos os widget estão um do lado do outro. E dentro do Positioned falou informar as posicões dele.

Tente algo mais ou menos assim:

_body() {
    return Row(children: [
      Stack(children: [
        Container(
          width: 400.0,
          height: 200.0,
          decoration: BoxDecoration(
            color: Colors.black12,
          ),
          child: Row(
            children: [
              Padding(
                padding: const EdgeInsets.all(5.0),
                child: Image.network(
                  'https://cdn.awsli.com.br/600x450/44/44273/produto/29984101/9437f2984e.jpg',
                  width: 180,
                ),
              ),
              Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Text("Camiseta"),
                  Text("Roupas"),
                  Text("R\$25,00"),
                ],
              ),
            ],
          ),
        ),
        Positioned(
          bottom: MediaQuery.of(context).size.height / 2, // para posicionar em relacao a tela
          left: MediaQuery.of(context).size.width / 2, // para posicionar em relacao a tela
          child: FloatingActionButton(
            foregroundColor: Colors.white,
            backgroundColor: Colors.red[600],
            child: Icon(Icons.plus_one),
            onPressed: () {},
          ),
        ),
      ])
    ]);
  }