Flutter 에서 Html과 다른 Widget을 같이 사용하기

flutter를 사용하다 보면, 웹 컨텐츠를 보여줘야 할 때가 있다.
텍스트 에디터를 사용할 때가 아주 대표적인 경우인데, 일반적으로 web과 같은 소스를 사용하고 html형태로 결과물이 나오기 때문에 html viewer 혹은 webview형태가 필요하다.

처음에는 flutter webview를 사용 하였는데, 다른 widget과 같이 사용 하려고 하니, 문제가 발생한다.

일반적으로는 Column과 같이 사용하려고 하면 layout에러가 발생해서 동작이 정확하게 되지 않는다.
이럴때는 다음과 같이 해야 한다.

 SingleChildScrollView(
                    child: Column(children: [
                      
                      const Divider(),
                      Html(
                        data: content,
                      )
                      const Divider()
                    ]
)

https://pub.dev/packages/flutter_html

위의 플러그인을 사용해서 SingleChildScrollView를 사용하면 다른 Widget 들과 같이 사용할 수 있다.

댓글 달기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다

Scroll to Top