꿈꾸는 시스템 디자이너

import 'dart:convert'; import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; ParseJsonDemoState pageState; class Album { final int userId; final int id; final String title; Album({this.userId, this.id, this.title}); factory Album.fromJson(Map json) { return Album( userId: json['userId'] as int, id: json['id'] as int, title: json['title'] as String); } } class ParseJsonD..

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..

* 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..

* 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..

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..

* 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..

* 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..

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...