프로젝트/웹툰 앱 만들기12 [웹툰 앱 만들기] 웹툰 제목 overflow & 웹툰 에피소드 수 조정 웹툰 에피소드 제목 overflow 웹툰 에피소드 제목이 길 때 왼쪽 사진처럼 overflow로 인한 에러가 일어난다. 그래서 에피소드 제목이 길 때 특정 글자 수 뒷부분을 ...으로 변경하여 보여주도록 설정했다. Text( episode.title.length >= 23 ? '${episode.title.substring(0, 23)}...' : episode.title, style: const TextStyle( fontSize: 16, ), https://github.com/soaringwave/Flutter-studying/commit/27d139c7dc297e66ce7eb7c6caad8578478957a3 웹툰 에피소드 제목을 나타내는 Text 위젯이다. 만약 총 글자 수가 23 이상이라면 su.. 2023. 10. 26. [웹툰 앱 만들기] shared_preferences 이용해 좋아요 설정 나타내기 위 화면의 헤더의 오른쪽 하트를 통해 본인이 좋아요를 누르거나 좋아요를 취소할 수 있다. 휴대폰의 저장소를 이용해 앱을 재실행해도 기록이 남아 있다. 설정 방법은 아래와 같다. 1. shared_preferences install https://pub.dev/packages/shared_preferences shared_preferences | Flutter Package Flutter plugin for reading and writing simple key-value pairs. Wraps NSUserDefaults on iOS and SharedPreferences on Android. pub.dev installing 탭의 설명대로 install한다. 추가로 Readme 탭에서 활용방법을 확인할 .. 2023. 10. 25. [웹툰 앱 만들기] url_launcher 이용해서 특정 url 창 띄우기 다음 동영상처럼 특정 에피소드 Container를 클릭했을 때 창이 열리도록 url_launcher를 사용했다. 방법은 아래와 같다. 1. url_launcher install https://pub.dev/packages/url_launcher url_launcher | Flutter Package Flutter plugin for launching a URL. Supports web, phone, SMS, and email schemes. pub.dev 이곳에서 지시 사항대로 install을 진행한다. 진행 중에 cocoapods가 없다며 에러가 나서 아래 포스트대로 실행했다. https://soaringwave.tistory.com/221 갑자기 CocoaPods not installed. pub.d.. 2023. 10. 23. [웹툰 앱 만들기] 웹툰의 회차 정보 불러오기 웹툰의 에피소드를 상세 화면에 나타내는 방법을 기록한다. 방법은 대체로 웹툰의 포스터, 제목, 연령대 등을 불러오는 방법과 같다. 1. model 및 api service 만들기 https://soaringwave.tistory.com/220 [웹툰 앱 만들기] 웹툰 상세 화면 정보 불러오기 여러 웹툰의 포스터 중 특정 포스터를 선택하면 해당 웹툰의 정보를 표시하는 상세 페이지를 다음과 같이 설정했다. 추후에 에피소드에 관한 정보들도 화면에 나타낼 예정이기 때문에 에피소드 soaringwave.tistory.com 이전 글에서 에피소드들의 정보를 가져와 저장하는 방법을 작성해뒀다. 2. 상세화면으로 정보 가져오기 class _DetailScreenState extends State { late Futur.. 2023. 10. 21. 이전 1 2 3 다음
