분류 전체보기 (47) 썸네일형 리스트형 [Flutter] 이미지 불러올 때 로딩 바 생성, loadingBuilder 사용하기 이미지를 불러오다보면 이미지의 크기가 크거나 네트워크가 약할 경우 불러오는데 로딩이 있을 수 있다. 따로 CircularProgressIndicator만 사용하여 로딩을 표시하는 방법도 있지만 loadingBuilder는 이미지를 불러오는 동안 위젯을 표시하여 로딩 상태(진행 상태)를 간편하게 나타낼 수 있다. * 계속 이전에 만든 것들을 활용해 이어서 추가할 예정이다. loadingBuilder property - Image class - widgets library - Dart API ImageLoadingBuilder? loadingBuilder final A builder that specifies the widget to display to the user while an image is sti.. [Flutter] pageview 사용하기 PageView class - widgets library - Dart API A scrollable list that works page by page. Each child of a page view is forced to be the same size as the viewport. You can use a PageController to control which page is visible in the view. In addition to being able to control the pixel offset of the cont api.flutter.dev PageView란 페이지별로 스크롤이 가능한 위젯이다. 지난번에 만들어 둔 ListView에 PageView를 추가해보도록 하자. 먼저 결과물은 .. [Flutter] ListView Divider(구분선) 생성하기 보톤 리스트뷰 생성할 때 아래처럼 ListView.Builder를 사용한다. class MyHomePage extends StatefulWidget { const MyHomePage({Key? key}) : super(key: key); @override _MyHomePageState createState() => _MyHomePageState(); } class _MyHomePageState extends State { List mainList = ['Cold', 'Poll', 'Beam', 'Greek', 'Song', 'Tight', 'Run', 'Count']; @override Widget build(BuildContext context) { return Scaffold( appBar: AppB.. [Flutter] Provider Error: Could not find the correct Provider<BottomNavigationProvider> above this Home Widget 현재 게시판 어플을 만들고 있는데 provider를 적용해서 코드를 짜고 있다. 구조는 Splash 화면을 먼저 실행시키고 home화면을 만들어 놓고 home화면에서 Provider를 이용하여 BottomNavigation을 사용하기로 했다. 우선 아래와 같이 코드를 먼저 짰다. 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( primarySwatch:.. [Flutter] Navigator.popUntil() 사용하기 Navigator.push를 한 후 전으로 돌아가고 싶을 때 Navigator.pop()을 사용한다. 그러나 push를 한 화면이 많고 처음화면으로 돌아가고 싶을 때 Navigator.popUntil을 사용해주면 된다. 사용법 : Navigator.of(context).popUntil((route) => route.isFirst) [Flutter] assets 활용해 이미지 넣기 flutter 에서 이미지를 띄우는 방법을 알아봅시다. jpeg, jpg, png등 이미지 파일이 있다면 assets를 활용하여 넣어보기로 합시다. 프로젝트 파일을 먼저 만들어 주고 먼저 해당 프로젝트에서 assets라는 폴더하나를 생성합니다. 다음으로 images 라는 하위폴더를 하나 더 생성해줍니다. 그리고 이미지 파일을 images 안에 넣어줍니다. 이미지를 다 넣어주었다면 pubspec.yaml 파일로 들어갑니다. 해당 파일을 읽어보면 아래와 같이 assets 부분이 있습니다. assets의 주석을 풀어주고 이미지가 있는 경로와 이미지명.확장자명을 입력해 줍니다. 후에 Pub get을 눌러 완료를 해줍니다. 다음으로 메인 화면으로 이동해 코드를 작성해줄겁니다. main.dart로 이동하여 Imag.. [Flutter] Error : 'Execution failed for task':app:mergeDexDebug'.' 플러터를 빌드하는 중 다음과 같은 에러가 발생했다. multidex.html로 들어가보면 minSdkVersion이 20 이하로 설정되어 있으면 멀티덱스 라이브러리를 사용하고 앱 프로젝트를 다음과 같이 수정해야 한다고 한다. 나같은 경우엔 minSdkVersion이 16으로 되어있어 에러가 발생했다. 아래와 같이 multiDexEnabled true 와 implementation을 추가해주면 해결 될 것이다. android { defaultConfig { ... minSdkVersion 15 targetSdkVersion 28 multiDexEnabled true } ... } dependencies { implementation "androidx.multidex:multidex:2.0.1" } [Android] Java 타임스탬프 시간 변환 long 타입의 타임스탬프를 시간으로 변환시켜보자. public String toTimeStamp(long num){ Date toTimeStamp = new Date(num); SimpleDateFormat datef = new SimpleDateFormat("yyyy-MM-dd hh:mm", Locale.getDefault()); return datef.format(toTimeStamp) ; } 나같은 경우는 String으로 리턴받아 TextView에 띄워주었다. 원하는대로 활용해보자. 이전 1 2 3 4 5 6 다음
