반응형 flutter12 [Flutter] 해시태그(#) 표현하기 게시물 작성시 해시태그를 적용하고 싶어서 기록 한다. 기존에는 그냥 Text 위젯을 사용하여 게시물의 내용을 표현하였다. 하지만 해시태그가 있을 때 이를 강조하기 위해서는 다른 방법이 필요했다. Text위젯으로는 중간에 특정 부분만 style을 변경할 수 없기 때문이다. 1. TextSpanTextSpantext에 여러 스타일을 적용하고 그것을 하나의 text 위젝으로 표시할 때 사용되는 클래스이다.주요속성 text: 표시할 텍스트 문자열.style: 텍스트 스타일을 지정하는 TextStyle 객체. 폰트 크기, 색상, 굵기 등을 정의할 수 있습니다.children: 또 다른 TextSpan 리스트를 포함하여 중첩된 스타일링을 적용할 수 있습니다.recognizer: 터치 이벤트나 클릭과 같은 사용.. 2024. 9. 7. [Flutter] webview_flutter를 활용한 webview 표현하기 webview_flutter를 사용하는것을 간단하게 정리하겠다. Flutter에서 변경이 있을 때마다 일일히 업데이트해서 나가는 것이 싫어서 webView를 도입해서 필요한 부분은 앱 배포없이 업데이트 하고 싶어서 찾아보게 되었다. 1) webview_flutter 설치 webview_flutter | Flutter packageA Flutter plugin that provides a WebView widget backed by the system webview.pub.dev flutter pub add webview_flutter webview_flutter는 flutter 공식에서 개발하고 있는 라이브러리라서 믿고 바로 설치를 하였다. 2) 기본코드 설명 (URL 사용 ) contro.. 2024. 9. 2. [Flutter] TextScale 고정하기, 텍스트크기 고정 앱을 개발하다보면 디자인되어 있는 텍스트의 크기대로 개발했지만,텍스트가 제각각인 모양이 나오는 것을 확인할 수 있다. 그것은 안드로이드나, ios에 각각 텍스트 크기를 조절 할 수 있는 기능이 별도로 내장되어있기 때문이다.그래서 사람마다 다른 크기를 설정하고 있어서 내가 개발한 폰트 크기대로 나타나는 것이 아니라 그 폰트에 휴대폰 자체 폰트 비율이 더해져서 더 크게 보이거나 작게 보이게 된다. flutter에서는 이를 쉽게 고정 할 수 있는데 MediaQuery.of(context).copyWith(textScaler: TextScaler.noScaling) 를 선언하면된다. 필자는 Getx를 사용하고 있어 GetMaterialApp 안에 builder로 만들어서 선언했다. return GetM.. 2024. 6. 22. [Flutter]flutter_screenutil 사용방법, 반응형 앱 만들기 반응형 앱을 만들기 전 어떤 라이브러리를 선택할 것인지 비교는 아래글 확인! [Flutter]반응형 앱, flutter_screenutil vs responsive_framework앱을 만들다 보면, width, height를 고정값으로 설정할 경우 장비가 달라 질때마다 오버플로우가 발생하거나, 한쪽으로 치우쳐지는 경우가 종종 발생한다. 이를 해결하기 위해서 반응형앱을 만들salmonworld.tistory.com flutter_screenutil을 이용하여 반응형 앱을 만들로 선택을 했다. flutter_screenutil를 선택한 이유는 likes가 제일 많기도 하고, 필자 스스로가 반응형에 대해서 지식이 부족하기도 하고, 빠르게 반응형을 적용 시키는게 목표였다. 그래서 flutter_screenut.. 2024. 6. 8. 이전 1 2 3 다음 반응형
