Home / Questions / 491852
Accepted
Giovanny
Asked: 2022-03-21 07:41:54 +0800 CST 2022-03-21 07:41:54 +0800 CST

add code in flutter

  • 772

I need to add the following code fragment in flutter but I have not been able to do it, I need the new code to be in child expanded, I have tried to add it but I get an error, if someone can help me I would appreciate it, I try to place it and I always get errors, no I know what labels and components I need to be able to structure it and how it would be:

current code:

// THIS IS THE IMAGE I NEED TO LOOK BIG WHEN I CLICK
    return InkWell(
      onTap: () => Navigator.push(
        context,
        MaterialPageRoute(
      builder: (BuildContext context) => ImageScreen(
        url: '${_productosModel[index].image}' + '?alt=media',
      ),
    ),
      ),
      child: Expanded(
        child: CachedNetworkImage(
          imageUrl: '${_productosModel[index].image}' + '?alt=media',
          fit: BoxFit.cover,
          placeholder: (_, __) {
            return Center(
              child: CupertinoActivityIndicator(
                radius: 15,
              ),
            );
//adicionar nuevo codigo
          },
        ),
      ),
    ),

code that I want to add in the Expanded child below the image:

Text(
                                  '${_productosModel[index].name}',
                                  textAlign: TextAlign.center,
                                  style: TextStyle(fontSize: 20.0),
                                ),
                                SizedBox(
                                  height: 15,
                                ),
                                Row(
                                  mainAxisAlignment:
                                      MainAxisAlignment.spaceBetween,
                                  children: <Widget>[
                                    SizedBox(
                                      height: 25,
                                    ),
                                    Text(
                                      '${_productosModel[index].price.toString()}COP',
                                      style: TextStyle(
                                          fontWeight: FontWeight.bold,
                                          fontSize: 20.0,
                                          color: Colors.black),
                                    ),
                                    Padding(
                                      padding: const EdgeInsets.only(
                                        right: 8.0,
                                        bottom: 8.0,
                                      ),
                                      child: Align(
                                        alignment: Alignment.bottomRight,
                                        child: GestureDetector(
                                          child: (!_listaCarro
                                                  .contains(item))
                                              ? Icon(
                                                  Icons.shopping_cart,
                                                  color: Colors.yellow[800],
                                                  size: 38,
                                                )
                                              : Icon(
                                                  Icons.shopping_cart,
                                                  color: Colors.red,
                                                  size: 38,
                                                ),
                                          onTap: () {
                                            setState(() {
                                              if (!_listaCarro
                                                  .contains(item))
                                                _listaCarro.add(item);
                                              else
                                                _listaCarro.remove(item);
                                            });
                                          },
                                        ),
                                      ),
                                    ),
                                  ],
                                )

flutter

1 Answers

  1. Best Answer

    I don't know if I understood correctly what you want to do, but if in that case you want to stack your widgets, you could do the following:

        return InkWell(
      onTap: () => Navigator.push(
        context,
        MaterialPageRoute(
      builder: (BuildContext context) => ImageScreen(
        url: '${_productosModel[index].image}' + '?alt=media',
      ),
    ),
      ),
      child:Container(//height: 500, width: double.infinity
           child: Column(
             children: <Widget>[
               CachedNetworkImage(
                 imageUrl: '${_productosModel[index].image}' + '? 
                 alt=media',
                 fit: BoxFit.cover,
                 placeholder: (_, __) {
                 return Center(
                 child: CupertinoActivityIndicator(
                 radius: 15,
                ),
              );
            },
          ),
       //todo el código que quieres agregar aquí debajo.
       ],
      );

   ),

    frankly what you are doing is wrapping your widgets inside a column to stack them, you could also give a size to the container where the column is and if you have enough children inside the column you could wrap the column inside a SingleChildScrollView, I don't know if this will solve your problem.

    • 1