Flutter-カスタムWidget

文書ディレクトリ

一、カスタムWidget

1. ステータスレスStatelessWidget

2. ステータスありStatefulWidget

3. 受信パラメータ

4. パラメータ

を参照して渡す
一、カスタムWidget 1.ステータスなしStatelessWidgetは、ディレクトリ

import 'package:flutter/material.dart'

class Example extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
  	return Text("      ")
  }
}

に戻る.ステータスステータスStatefulWidgetは、ディレクトリ

import 'package:flutter/material.dart'

class Example extends StatefulWidget {
  @override
  ExampleState createState() => ExampleState();
}
  
class ExampleState extends State {
  @override
  Widget build(BuildContext context) {
  	return Test("      ")
  }
}

に戻る.受信パラメータは、ディレクトリStatelessWidget

import 'package:flutter/material.dart';

class Example extends StatelessWidget {
  final String title;
  const Example(this.title);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text(this.title)),
      body: Text(this.title),
    );
  }
}

StatefulWidget

import 'package:flutter/material.dart';

class Example extends StatefulWidget {
  final String title;
  const Example({this.title}); //         

  @override
  ExampleState createState() => ExampleState();
}

class ExampleState extends State {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text(widget.title), //  wedget     
      body: Text(widget.title),
    );
  }
}

4に戻る.参照し、パラメータを渡してディレクトリ

import 'package:flutter/material.dart'
import '../pages/Example.dart'; //        

class Example extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
  	return Example("    "); //        
  	// return Example(title:"    "); //        ，        
  }
}

に戻る