[Flutter] Text 노란색 밑줄 없애는 방법 | flutter text yellow underline

 

 

 

해결방법

1. DefaultTextStyle 위젯 사용

기존 코드

                            child: Text(
                              '왜 노란색 줄이 뜨는가',
                              style: TextStyle(
                                fontSize: 20.0,
                                fontWeight: FontWeight.w700,
                                color: Colors.black,
                              ),
                            ),

 

 

DefaultTextStyle 사용한 코드

DefaultTextStyle를 사용해 아래와 같이 코드를 작성하면 기존의 노란 줄이 사라진 것을 볼 수 있다.

                            child: DefaultTextStyle(
                              style: TextStyle(
                                fontSize: 20.0,
                                fontWeight: FontWeight.w700,
                                color: Colors.black,
                              ),
                              child: Text('왜 노란색 줄이 뜨는가'),
                            ),

 

기본골격

DefaultTextStyle(
  style: TextStyle(
    fontSize: 16.0,
    color: Colors.black,
    fontWeight: FontWeight.bold,
  ),
  child: Column(
    children: [
      Text('첫 번째 텍스트'),
      Text('두 번째 텍스트'),
      Text('세 번째 텍스트'),
    ],
  ),
)

 

---

2. Scaffold로 감싸기

기본적으로 Scaffold로 감싸고 아래의 Text() 위젯을 사용하면 노란 밑줄이 뜨지 않는다.

그러나 Scaffold로 감싸지 못 하는 경우도 있는데 그땐 위의 DefaultTextStyle를 쓰면 된다.

return Scaffold(
    body: Center(
      child: Text('왜 노란색 줄이 뜨는가'),
    ),
  ),