2017-05-22 3 views
1

색상 선택 도구를 구현하려면 내부에 색상 그라디언트로 사각형을 그려야합니다. 나는 DecoratedBox와 함께 컨테이너를 사용하려했지만 폭이 좁아서 부모를 채우기를 원했기 때문에 제대로 작동하지 않았습니다. 기울기를 그릴 때 가장 좋은 방법은 무엇입니까?그라디언트를 화면에 그립니다.

답변

2

그라디언트를 그리는 방법에 대해 이미 알고있는 것처럼 들리지만 질문은 최대한 DecoratedBox을 만드는 방법에 대한 것입니다. 당신의 DecoratedBoxColumn 또는 A의 나타나면

, Expanded에 포장하고 crossAxisAlignmentCrossAxisAlignment.stretch에 설정하는 것이 좋습니다. 당신의 DecoratedBox가 자식 (예를 들어, Center)에 크기를 제공하지 않는 위젯의 자식 인 경우

, new BoxConstraints.expand()constraintsConstrainedBox에 포장 해보십시오.

screenshot

import 'package:flutter/material.dart'; 

void main() { 
    runApp(new MyApp()); 
} 

class MyApp extends StatelessWidget { 
    @override 
    Widget build(BuildContext context) { 
    return new MaterialApp(
     title: 'Gradient Example', 
     home: new MyHomePage(), 
    ); 
    } 
} 

class MyHomePage extends StatelessWidget { 
    @override 
    Widget build(BuildContext context) { 
    return new Scaffold(
     appBar: new AppBar(
     title: new Text('Gradient Example'), 
    ), 
     body: new Center(
     child: new ConstrainedBox(
      constraints: new BoxConstraints.expand(), 
      child: new DecoratedBox(
      decoration: new BoxDecoration(
       gradient: new LinearGradient(
       colors: <Color>[Colors.red, Colors.blue] 
      ), 
      ), 
     ), 
     ), 
    ), 
    ); 
    } 
} 
예를 들면 다음과 같습니다이다