paulaner80

어셋과 이미지 추가하기 플러터앱은 코드와 어셋(리소스)을 가지고 있습니다. 번들로 앱에 들어가 있는 어셋은 실행 할 때 접근할 수 있습니다. 보통 어셋의 형식은 정적 데이터, 구성파일, 아이콘, 이미지 등 입니다. 어셋 명세하기 앱에서 사용할 어셋들은 pubspec.yaml 기술합니다. 디렉토리의 모든 어셋들을 포함시키려면 “디렉토리이름/”으로 써 주면 됩니다. 어셋번들링 flutter의 asset섹션에 명시되어 있는 어셋들은 앱에 포함됩니다. 다른 컨텍스트에서 예를 들어 어셋 로딩 AssetBundle 객체를 사용해 앱의 어셋에 접근할 수 있습니다. loadString()는 string/test 어셋을 가져올 때 사용합니다. load()는 image/binary 어셋을 가져올 때 사용합니다. Logic..

PageView위젯은 화면에 Scrollable 위젯을 보여줍니다. PageView 위젯은 고정된 리스트 일수도 있고, builer 함수를 통해서 페이지를 계속 만들 수도 있습니다. PageView는 요소 구성 측면에서 ListView와 비슷하게 동작합니다. 3가지 생성자 -. PageView -. PageView.builder -. PageView.custom 1. PageView (디폴트 생성자) : 이 형태는 하위의 고정된 리스트들을 스크롤 가능하게 만듭니다. – 주로 정적 [전체 소스] 더보기 import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { // T..

ValueNotifier 선언 final ValueNotifier _counter = ValueNotifier(0); 데이터 커스텀 알리미.. //데이터 선언 class MyValuesObject{ String name; int age; ui.Image? thumbnail; } //알리미 선언 class MyNotifier extends ValueNotifier{ MyNotifier(MyValuesObject value) : super(value); } ==>ValueNotifier 에는 value getter/setter와 tostring() 만 있음. 상위 클래스로 가면 notify관련 메소드들이 있음. //알리미 변수 선언 final MyNotifier _myNotifier = MyNotifier(..

Card는 카드 처럼 보이도록 만든 위젯입니다. 아래 그림 처럼 보이려면ListTile과 ButtonBar와 같이 사용해야합니다. 초록색이 ListTile 영역이고, 노란색이 ButtonBar 영역입니다. [전체소스] import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( primarySwa..

탭을 사용하려면 필요한 요소들이 많습니다. TabBar, Tab, TabBarView, TabController 등을 사용해야합니다. 1. TabController 생성2. Tab 생성TabBarView에 각 Tab에 해당하는 컨텐트 구성 1. TabController 생성탭을 사용하기위해서는 선택된 탭과 컨텐츠 섹션이 동기화가 되어야합니다. 이런 작업을 해주는 것이 TabContoroller 입니다.사용자가 만들거나, DefaultTabController를 사용해서 자동으로 만들 수 도 있습니다. DefaultTabController를 사용하는 것이 간단하죠. DefaultTabController는 TabContoroller과 상속트리에서 관점에서 크게 관련이 없습니다.DefaultTabControll..

ChangeNotifierCupertinoTabControllerDataTableSourceFocusNodeKeepAliveHandleMouseTrackerScrollbarPainterScrollControllerFixedExtentScrollControllerPageController- PageView의 컨트롤러 TrackingScrollController SemanticsOwnerShortcutManagerSliverOverlapAbsorberHandleTabControllerValueNotifierViewportOffset AbstractNodeLayerRenderObject (추상클래스, 실제로 렌더링을 하려면 확장해야함. parent와 parentData 속성이 있음.)RenderAbstract..

Flutter Widget of the Week 39 일부 위젯에서는 상위요소에서 정의된 제한에 따라서 크기를 정해요. 하지만 ListView, Column, Row 같은 위젯에서는 하위요소 크기에 제한을 두지 않죠. 상위요소의 제한이 존재하지 않을 때, 상위 요소의 제한에 의존하는 위젯에 어떻게 기본값을 줄 수있을까요? LimitedBox 위젯이라면 할 수 있어요. LimitedBox의 상위요소가 무한한 경우에 LimitedBox로 하위요소의 기본값 크기를 줄 수있어요. 위젯의 상위요소가 크기를 제한할 때 LimitedBox에는 영향이 없어요. (ex. Container가 width와 height값을 가질 때 ) 리스트뷰를 사용할 때 리미티드 박스의 잠재력은 무한해져요. ListView의 스크롤 방향이..

Widget PreferredSizeWidget : (abstract class 들입니다.)AppBarCupertinoTabBarObstructingPreferredSizeWidgetPreferredSizeTabBar ProxyWidgetInheritedWidgetActionsButtonThemeChipThemeDefaultAssetBundleDefaultFocusTraversalDefaultTextStyleDirectionalityDividerThemeDropdownButtonHideUnderlineFlexibleSpaceBarSettingsIconThemeInheritedModelInheritedNotifierListTileThemeMaterialBannerThemeMediaQueryPopupMenu..

스크롤링되는 위젯은 다른 스크롤링 되는 위젯들을 포함할 수 있습니다. 이들의 위치는 서로 연관되어 있습니다. NestedScrollView의 일반적인 사용 예제는 NestedScrollView의 헤더에는 headerSliverBuilder에 의해 빌드되는 SliverAppBar가 있고 그SliverAppBar의 bottom에 TabBar가 포함되고,NestedScrollView의 바디에는 TabBarView가 있어 TabBar에 선택된 탭에 해당하는 내용을 보여주는 경우입니다. Scaffold( body: DefaultTabController( length: _tabs.length, // This is the number of tabs. child: NestedScrollView( headerSliver..