iOS 앱 개발 일기

Flutter 패키지 이용 https://pub.dev/ Dart packages Pub is the package manager for the Dart programming language, containing reusable libraries & packages for Flutter and general Dart programs. pub.dev 패키지 예시 https://pub.dev/packages/google_fonts Awesome Flutter https://github.com/Solido/awesome-flutter#ui Flutter Gems https://fluttergems.dev/

ListView.builder 에서 padding 여백 body: Padding( padding: const EdgeInsets.symmetric(horizontal: 16), child: ListView.separated( itemCount: 10, itemBuilder: (context, index) { return Feed(); }, separatorBuilder: (context, index) { return Divider(); }, ), ), const EdgeInsets.symmetric(horizontal: 16) 가로 방향에만 여백을 주는 것 (요소의 왼쪽, 오른쪽이 패딩이 생김) (아래 사진에서 사진의 왼쪽, 하트의 오른쪽) Feed() 자체에 세로 여백을 준다면 ? 아래와 같이 됨 (요..

ListView 는 반복적으로 작성 ListView.builder() 이용하면 더 적은 코드로 itemCount 만큼 화면을 그릴 수 있다. ListView 예제 import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( body: ListView( children: [ Text('Hello ListView'), Text('Hello ..

다음페이지로 이동 Navigator.push( context, MaterialPageRoute(builder: (context) => SecondPage()), // ); 현재 화면 종료 Navigator.pop(context); //

Movie Reviews 앱 과제 1. 이미지 위에 라벨 겹치게 표시하고 싶으면 : Stack 2. 여러개 요소들이 반복되어서 만드는데 스크롤하고 싶으면 : Listview.builder 출처: 스파르타코딩클럽 TIL 1. AppBar 영역 왼쪽에 앱 아이콘 위치하고 싶으면 leading 오른쪽에 앱 아이콘 위치하고 싶으면 actions: [] (하나 이상의 아이콘 넣을 수 있음) elevation은 appBar자체의 그림자의 정도이다. elevation이 높을수록 그림자가 많아진다. appBar: AppBar( elevation: 0, backgroundColor: Colors.white, centerTitle: false, iconTheme: IconThemeData(color: Colors.blac..

Android - Material 디자인 iOS - Cupertino 디자인 플러터는 특정 플랫폼에 종속 되지 않은 Custom 위젯도 쉽게 만들 수 있다. Flutter 프로젝트 주의사항 1) 프로젝트 경로에 한글 절대 오지 않게 주의 코드 정렬 https://parkjh7764.tistory.com/175 오늘 만든 화면 0. Scaffold 안의 구성 Scaffold( appBar: 다른 위젯, // 상단 바 body: 다른 위젯, // 화면 중앙에 가장 큰 면적 bottomNavigationBar: 다른 위젯, // 하단 바 floatingActionButton: 다른 위젯, // 하단 화면 최상위에 떠있는 버튼 ), 1. AppBar - swift NavigationBar 와 비슷. 여기에 ti..

토스트 메시지 띄우고 화면 전환 동시에 시켜야되는 경우가 있는데, 이 때 Navigation controller push 로 화면전환을 하면, 토스트메시지 띄우는 시간이 매우 짧고, (토스트 메시지 내용이 긴 경우) 토스트 메시지 다 읽기도 전에 화면 전환이 되어서 UX/UI 적으로 이상하게 보이는 경우가 있다. 이럴 때 토스트 메시지 시간을 1초 정도로 두고, 화면 전환하는 시간을 1.5초 정도로 두면, 사용자 입장에서 토스트메시지가 길어져도 다 읽고 다음 화면으로 넘어갈 수 있다. [ Toast Message 띄우기 ] func showMessage(_ mesg: String, duration: TimeInterval = 1.0, completion: ((_ didTap: Bool) -> Void)?..

한국어, 영어버튼을 유지보수성 있게 enum으로 정리. import UIKit import SnapKit enum Language { case ko case en case ja case ch var title: String { switch self { case .ko: return "한국어" case .en: return "영어" case .ja: return "일본어" case .ch: return "중국어" } } } final class TranslateViewController: UIViewController { private var sourceLanguage: Language = .ko private var targetLanguage: Language = .en private lazy var s..

1. textViewDidBeginEditing import UIKit import SnapKit final class SourceTextViewController: UIViewController { private let placeholderText = "텍스트 입력" private lazy var textView: UITextView = { let textView = UITextView() textView.text = placeholderText textView.textColor = .secondaryLabel textView.font = .systemFont(ofSize: 18.0, weight: .semibold) textView.returnKeyT..

import SwiftUI enum Tab { case home case other //associated value var textItem: Text { switch self { case .home: return Text("Home") case .other: return Text("Other") } } var imageItem: Image { switch self { case .home: return Image(systemName: "house.fill") case .other: return Image(systemName: "ellipsis") } } } struct MainTabView: View { var body: some View { TabView { Text("Home") .tabItem { ..