목록Flutter Example (35)

꿈꾸는 시스템 디자이너

Flutter Example - Read Asset File

1. Prepare a file for use in your app. Save the following file in the assets/files directory. 2. Add this to pubspec.yaml file flutter: uses-material-design: true assets: - assets/files/albums.json # add this 3. Source Code import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; ReadAssetFileState pageState; class ReadAssetFile extends StatefulWidget { @override ReadAsset..
Tutorial/Flutter with App 2019. 10. 13. 23:44
Flutter Example - File Read & Write | path_provider plugin

* About PlugIn https://pub.dev/packages/path_provider path_provider | Flutter Package Flutter plugin for getting commonly used locations on the Android & iOS file systems, such as the temp and app data directories. pub.dev 1. Add this to pubspec.yaml file dependencies: path_provider: ^1.3.0 2. Source Code import 'dart:io'; import 'package:flutter/material.dart'; import 'package:path_provider/pat..
Tutorial/Flutter with App 2019. 10. 8. 15:31
Flutter Example - Handle Image | Load Image from Gallery | image_picker plugin

* About Plugin https://pub.dev/packages/image_picker image_picker | Flutter Package Flutter plugin for selecting images from the Android and iOS image library, and taking new pictures with the camera. pub.dev 1. Add this to pubspec.yaml file dependencies: image_picker: ^0.6.1+4 2. Source Code import 'dart:io'; import 'package:flutter/material.dart'; import 'package:image_picker/image_picker.dart..
Tutorial/Flutter with App 2019. 10. 7. 16:09
Flutter Example - Handle Image | Fit Image

import 'package:flutter/material.dart'; FitImageDemoState pageState; class FitImageDemo extends StatefulWidget { @override FitImageDemoState createState() { pageState = FitImageDemoState(); return pageState; } } class FitImageDemoState extends State { String imagePath = "assets/images/300by300.jpg"; double boxHeight = 300; double boxWidth = 300; BoxFit fit = BoxFit.fill; @override Widget build(B..
Tutorial/Flutter with App 2019. 10. 7. 13:16
Flutter Example - Handle Image | Load Cached Image | cached_network_image plugin

* About Plugin https://pub.dev/packages/cached_network_image cached_network_image | Flutter Package Flutter library to load and cache network images. Can also be used with placeholder and error widgets. pub.dev 1. Add this to pubspec.yaml file dependencies: cached_network_image: ^1.1.1 2. Source Code import 'package:flutter/material.dart'; import 'package:cached_network_image/cached_network_imag..
Tutorial/Flutter with App 2019. 10. 7. 13:13
Flutter Example - Handle Image | FadeIn Image | transparent_image plugin

* About PlugIn https://pub.dev/packages/transparent_image transparent_image | Dart Package A transparent image in Dart code, represented as a Uint8List. pub.dev 1. Add this to pubspec.yaml file dependencies: transparent_image: ^1.0.0 3. Source Code import 'dart:math'; import 'package:flutter/material.dart'; import 'package:transparent_image/transparent_image.dart'; class LoadFadeInImageFromNetwo..
Tutorial/Flutter with App 2019. 10. 7. 13:08
Flutter Example - Handle Image | Load Image from Network

import 'dart:math'; import 'package:flutter/material.dart'; class LoadImageFromNetwork extends StatelessWidget { String url = "https://picsum.photos/300?${Random().nextInt(100)}"; @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text("Load Image From Network")), body: Column( crossAxisAlignment: CrossAxisAlignment.center, mainAxisAlignment: MainAxisAlignment...
Tutorial/Flutter with App 2019. 10. 7. 13:01
Flutter Example - Handle Image | Load Image from Asset

1. Prepare the image to use. 2. Create a folder (assets/images) to store images in the root path of the project. Then copy the prepared image to the folder. 3. Add the path of the image file to the assets section of the pubspec.yaml file. flutter: assets: - assets/images/image.jpg 4. Source Code import 'package:flutter/material.dart'; class LoadImageFromAsset extends StatelessWidget { @override ..
Tutorial/Flutter with App 2019. 10. 7. 12:56
Prev 1 2 3 4 5 Next