การส่งผ่านข้อมูลไปยังวิดเจ็ตสถานะ

ฉันสงสัยว่าวิธีที่แนะนำในการส่งผ่านข้อมูลไปยังวิดเจ็ตที่มีสถานะเป็นอย่างไรในขณะที่สร้างมันคืออะไร

สองสไตล์ที่ฉันเคยเห็นคือ:

class ServerInfo extends StatefulWidget {

  Server _server;

  ServerInfo(Server server) {
    this._server = server;
  }

  @override
    State<StatefulWidget> createState() => new _ServerInfoState(_server);
}

class _ServerInfoState extends State<ServerInfo> {
  Server _server;

  _ServerInfoState(Server server) {
    this._server = server;
  }
}

วิธีนี้จะเก็บค่าทั้งในServerInfoและ_ServerInfoStateซึ่งดูเหมือนจะสิ้นเปลืองไปหน่อย

วิธีอื่นคือการใช้widget._server:

class ServerInfo extends StatefulWidget {

  Server _server;

  ServerInfo(Server server) {
    this._server = server;
  }

  @override
    State<StatefulWidget> createState() => new _ServerInfoState();
}

class _ServerInfoState extends State<ServerInfo> {
  @override
    Widget build(BuildContext context) {
      widget._server = "10"; // Do something we the server value
      return null;
    }
}

ดูเหมือนว่าจะย้อนกลับไปเล็กน้อยเนื่องจากสถานะไม่ได้ถูกเก็บไว้อีกต่อไป_ServerInfoSateแต่จะอยู่ในวิดเจ็ตแทน

มีแนวทางปฏิบัติที่ดีที่สุดสำหรับสิ่งนี้หรือไม่?

อย่าส่งผ่านพารามิเตอร์ไปStateใช้ตัวสร้าง คุณควรเข้าถึงสิ่งเหล่านี้โดยใช้this.widget.myFieldไฟล์.

ไม่เพียง แต่การแก้ไขคอนสตรัคเตอร์เท่านั้นที่ต้องใช้งานด้วยตนเองจำนวนมาก มันไม่ได้นำอะไรมา ไม่มีเหตุผลที่จะทำซ้ำฟิลด์ทั้งหมดของWidget.

แก้ไข:

นี่คือตัวอย่าง:

class ServerIpText extends StatefulWidget {
  final String serverIP;

  const ServerIpText ({ Key key, this.serverIP }): super(key: key);

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

class _ServerIpTextState extends State<ServerIpText> {
  @override
  Widget build(BuildContext context) {
    return Text(widget.serverIP);
  }
}

class AnotherClass extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Center(
      child: ServerIpText(serverIP: "127.0.0.1")
    );
  }
}

วิธีที่ดีที่สุดคืออย่าส่งผ่านพารามิเตอร์ไปยัง State class โดยใช้ตัวสร้าง widget.myFieldคุณสามารถเข้าถึงได้อย่างง่ายดายในระดับรัฐใช้

ตัวอย่างเช่น

class UserData extends StatefulWidget {
  final String clientName;
  final int clientID;
  const UserData(this.clientName,this.clientID);

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

class UserDataState extends State<UserData> {
  @override
  Widget build(BuildContext context) {
    // Here you direct access using widget
    return Text(widget.clientName); 
  }
}

ส่งผ่านข้อมูลของคุณเมื่อคุณนำทางหน้าจอ:

 Navigator.of(context).push(MaterialPageRoute(builder: (context) => UserData("WonderClientName",132)));

คำตอบอื่นสร้างจาก anwser ของ @ RémiRousseletและสำหรับคำถามของ @ user6638204 หากคุณต้องการส่งผ่านค่าเริ่มต้นและยังสามารถอัปเดตได้ในสถานะในภายหลัง:

class MyStateful extends StatefulWidget {
  final String foo;

  const MyStateful({Key key, this.foo}): super(key: key);

  @override
  _MyStatefulState createState() => _MyStatefulState(foo: this.foo);
}

class _MyStatefulState extends State<MyStateful> {
  String foo;

  _MyStatefulState({this.foo});

  @override
  Widget build(BuildContext context) {
    return Text(foo);
  }
}

สำหรับการส่งผ่านค่าเริ่มต้น (โดยไม่ส่งผ่านอะไรไปยังตัวสร้าง)

class MyStateful extends StatefulWidget {
  final String foo;

  const MyStateful({Key key, this.foo}): super(key: key);

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

class _MyStatefulState extends State<MyStateful> {
  @override
  void initState(){
    super.initState();
    // you can use this.widget.foo here
  }

  @override
  Widget build(BuildContext context) {
    return Text(foo);
  }
}