flutterでスイッチボタンの画像を設定する

Question

activeThumbImageプロパティを使用して、フラッターでスイッチボタンの画像を設定するにはどうすればよいですか？私はこのプロパティのImageProvider値を設定する方法について少し混乱していますか？スイッチウィジェットのactiveThumbImageプロパティを実装している例はありますか？

Answer 1

AssetImageまたはNetworkImageを使用すると、activeThumbImageとしての使用に適したImageProviderが得られます。アセット画像の詳細についてはAdding Assets and Images in Flutterチュートリアルをご覧ください。ここ

上記Switchを描画いくつかの例のコードである：

import 'package:flutter/material.dart'; 

class MyHomePage extends StatefulWidget { 
    MyHomePageState createState() => new MyHomePageState(); 
} 

class MyHomePageState extends State<MyHomePage> with TickerProviderStateMixin { 

    bool _enabled; 

    @override 
    Widget build(BuildContext context) { 
    return new Scaffold(
     body: new Center(
     child: new Switch(
      value: _enabled, 
      onChanged: (bool value) { 
      setState(() { 
       _enabled = value; 
      }); 
      }, 
      activeThumbImage: new NetworkImage('https://lists.gnu.org/archive/html/emacs-devel/2015-10/pngR9b4lzUy39.png'), 
      inactiveThumbImage: new NetworkImage('http://wolfrosch.com/_img/works/goodies/icon/vim@2x'), 
     ), 
    ) 
    ); 
    } 
} 

void main() { 
    runApp(new MaterialApp(
    title: 'Flutter Demo', 
    theme: new ThemeData(
     primarySwatch: Colors.deepPurple, 
    ), 
    home: new MyHomePage(), 
)); 
}