Removing lines between containers (flutter/dart)

user_13084185 0
Viewed 2625

Click for a sample image: example

How can I remove these lines? I have already used BoxDecoration()

e.g.

Container(
            decoration: BoxDecoration(
              color: Colors.white,
            ),
            height: 70,
            child: Align(
              alignment: Alignment(-0.85, 0.5),
              child: Text(
                'Anmeldung',
                style: TextStyle(
                  fontFamily: 'Roboto Bold',
                  fontSize: 30,
                ),
              ),
            ),
          ),

It's all in a Scaffold().

The container is in a column widget placed.

Is there any possibility?

dart flutter android ios
2 Answers

Change this part of code

decoration: BoxDecoration(
    border: Border.all(
        width: 0, color: Colors.white),
    color: Colors.white,
),
user_41980990

I think I know what the problem is. I believe that you have a mismatch of colors with background and foreground because you're setting the color to white in the container. I created this dartpad to show you what I mean:

https://dartpad.dev/94b3b31ae4f1f384669258dfda460f69

Only one of the containers have a Decorator... and it looks like has lines. The container itself does not create any lines.

Try removing the decoration since it will match the background color.

(also, from your picture, it appears that the widget that contains your button is the problem... not the part that says "Anmeldung")

user_47707290
Related