Memo : Flutter x Dart [2015-2016]
  • Introduction
  • hello
    • helloworld
    • build flutter
    • build as standalone android app(old)
      • draw text
      • draw image
      • set icon
    • build as standalone apk(now)
    • build as ios app
    • build as linux app
    • build as mac app
    • build mojo
    • build as chromeapp
  • rendering
    • draw_rect
    • anime_rect
    • anime_rect(use animation.dart)
    • draw_image
    • rotate_image
    • draw_image_from_assets
    • sound_test(rendering & service)
    • touch_test
    • multitouch_test
    • [@]demo::mini game(spacewar!)
    • draw_text
    • draw_path
    • draw_vertexs
    • draw_vertexs_with_image
    • [@]demo:3d anime
    • input text from ime(RenderObject)
  • widget
    • text
    • network image
    • assets image
    • raw image
    • container
    • row
    • col
    • flexible
    • navigator
    • stateful component
    • scaffold
    • scaffold x drawer
    • scrollable viewport
    • scrollable list
    • input text from ime(EditableText)
  • dart:io
    • HttpClient Post & Get
    • NetworkInterface
    • TCP Socket
    • UDP Socket
    • File Path(dart:io & service)
    • File Create & Permission
  • dart:ui
    • draw rect
    • pointer event
  • mojo for flutter
    • get and post request
    • sensor test
    • [@]demo:gravity sensor
  • 2d physics for scratch
    • collision without rotation
    • [@]democollision without friction
    • [b]
  • 2d physics for newton
  • mojo for native
    • build mojo
  • 48 hour trial
    • create iron heart
    • tiny tetris
Powered by GitBook
On this page

Was this helpful?

  1. widget

container

Previousraw imageNextrow

Last updated 5 years ago

Was this helpful?

// following code is checked in 2016/01/13
import 'package:flutter/widgets.dart';
import 'package:flutter/services.dart';
import 'package:flutter/material.dart';
import 'dart:ui' as sky;
import 'dart:math' as math;
import 'dart:async';

main() async {
  BoxConstraints constraints = new BoxConstraints();
  BoxDecoration decoration = createDecoration();
  //BoxDecoration foregroundDecoration = createForegroundDecoration();
  EdgeDims margin = new EdgeDims.symmetric(vertical: 1.0, horizontal: 3.0);
  EdgeDims padding = new EdgeDims.symmetric(vertical: 4.0, horizontal: 5.0);
  Matrix4 transform =
  new Matrix4.translationValues(150.0, 150.0, 0.0)
  ..rotateZ(math.PI/180*30.0)
  ..translate(-150.0,-150.0,0.0);
  double width = 300.0;
  double height = 300.0;
  Container c = new Container(
    child:new Text("Hello!!"),
    constraints:constraints,
    decoration:decoration,
    //foregroundDecoration:foregroundDecoration,
    margin:margin,
    padding:padding,
    transform:transform,
    width:width,
    height:height
  );
  runApp(new Center(child:c));
}

BoxDecoration createDecoration() {
  Color backgroundColor = new Color.fromARGB(0xaa, 0xff, 0xaa, 0xaa);
  BackgroundImage backgroundImage = createBackgroundImage();
  Border border = new Border.all(color:new Color.fromARGB(0xff, 0xff, 0x00, 0x00));
  double borderRadius = 10.0;
//  List<BoxShadow> boxShadow;
//  Gradient gradient;
  //Shape shape;
  return new BoxDecoration(
    backgroundColor:backgroundColor,
    backgroundImage:backgroundImage,
    border:border,
    borderRadius:borderRadius);
}

BackgroundImage createBackgroundImage() {
  //
  // 2015 12/03 icon.image is error
  //ImageResource image =  new ImageResource(ImageLoader.load("assets/icon.jpeg"));
  ImageResource image =  new ImageResource(ImageLoader.load("assets/a.png"));
  ImageFit fit = ImageFit.none;
  //ImageRepeat repeat = ImageRepeat.repeat;
  Rect centerSlice = new Rect.fromLTWH(10.0, 10.0, 100.0, 100.0);
  sky.ColorFilter colorFilter = new sky.ColorFilter.mode(
      new Color.fromARGB(0xaa, 0xff, 0xaa, 0xaa), TransferMode.lighten);
  return new BackgroundImage(
    image:image,
    fit:fit,
    //repeat:repeat,
    colorFilter:colorFilter,
    centerSlice:centerSlice
    );
}

class ImageLoader {
  static AssetBundle getAssetBundle() {
    if (rootBundle != null) {
      return rootBundle;
    } else {
      return new NetworkAssetBundle(new Uri.directory(Uri.base.origin));
    }
  }
  static Future<sky.Image> load(String url) async {
    AssetBundle bundle = getAssetBundle();
    ImageResource resource = bundle.loadImage(url);
    return resource.first;
  }
}
# flutter.yaml
assets:
  - assets/icon.jpeg
  - assets/a.png
https://github.com/kyorohiro/hello_skyengine/tree/master/widget_container