꿈꾸는 시스템 디자이너

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

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

* About Plugin https://pub.dev/packages/permission_handler permission_handler | Flutter Package Permission plugin for Flutter. This plugin provides a cross-platform (iOS, Android) API to request and check permissions. pub.dev 1. Add this to pubspec.yaml file permission_handler: ^3.2.2 2. Add the following meta data to Android manifest file 3. Source Code import 'package:flutter/material.dart'; i..

* About Plugin https://pub.dev/packages/admob_flutter admob_flutter | Flutter Package Admob plugin that shows banner ads using native platform views. pub.dev 1. Add this to pubspec.yaml file dependencies: admob_flutter: ^0.3.3 2. Add the following meta data to Android Manifest file In order to use the AdMob plug-in, the application ID and advertisement ID must be issued from the admob site. Howe..

import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; class ScreenOrientationsDemo extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text("AppBar")), body: Padding( padding: const EdgeInsets.all(20), child: ListView( children: [ Container( height: 50, color: Colors.orange, alignment: Alignment(0,0), margin: c..