TextFields are getting rebuild even when I use GlobalKeys.

[cab404]

To reproduce:

Program(
  view: (c,d,m) => TextField(key: GlobalKey())
  init: () => Upd(null),
  update: (msg, m) => Upd(null),
);

Each time you try to focus TextField it rebuilds and thus unfocuses. Without GlobalKey specified that is not a problem.

[cab404]

upd: Also, defining global key outside view function does not work either.

dynamic view() {
  var key = GlobalKey();
  return (c,d,m) => TextField(key: key)
}
Program(
  view: view(),
  init: () => Upd(null),
  update: (msg, m) => Upd(null),
);

[p69]

@cab404 Hi. Have you tried it in pure Flutter, without Dartea? It doesn't look like it's library's issue.

[cab404]

Yes, I did, it works OK.

On July 23, 2019 11:20:32 PM GMT+03:00, Pavel Shilyagov ***@***.***> wrote: @cab404 Hi. Have you tried it in pure Flutter, without Dartea? It doesn't look like it's library's issue. -- You are receiving this because you were mentioned. Reply to this email directly or view it on GitHub: #12 (comment)

— cab

[cab404]

@cab404 Hi. Have you tried it in pure Flutter, without Dartea? It doesn't look like it's library's issue.

Sorry, I did not include enough context (thought that I pinned down the issue).
But it only occurs if you have a Navigator in hierarchy.

Here's an example.

void main() => runApp(MaterialApp(
  routes: {
    "/": (c) => Scaffold(
      backgroundColor: Colors.amber,
      body: DarteaMessagesBus(
        child: ProgramWidget(
            withMessagesBus: true,
            init: () => Upd(1),
            view: (c, d, m) => Center(
              child: TextField(
                key: GlobalKey(),
              ),
            ),
            update: (m, s) => Upd(1)),
      ),
    )
  },
  initialRoute: "/",
));

You can remove GlobalKey(), and it would work fine, but otherwise it will close the keyboard every time text field is focused.

Sorry again for initial lack of the details :(

[p69]

Sorry for the delay. I will try to reproduce and investigate this issue. Hope I can do it till next week.
Thank you for the report.

[p69]

Hi @cab404 . I've reproduced this issues, and it's valid Flutter behavior. It isn't related to Dartea.

You have to define GlobalKey outside the View function, because it can be called anytime framework decides to. Focusing triggers rebuilding the tree and calling View function, and GlobalKey creates each time. You can create that key in file level, or just pass it to the main View function of the Program.

[cab404]

@p69 The problem is that if I use GlobalKey at file level, then there's no way to create items with it, and I see no other way to get state of a text field on button press. How should I write this?

import 'package:flutter/material.dart';
import 'package:dartea/dartea.dart';

var k = GlobalKey<FormFieldState<String>>();

getItem() => ProgramWidget(
      withMessagesBus: true,
      init: () => Upd(1),
      view: () {
        return (c, d, m) {
          return Column(
            children: <Widget>[
              Center(
                child: TextField(
                  key: k,
                ),
              ),
              FlatButton(
                  onPressed: () => print(k.currentState.value),
                  child: Text("Submit"))
            ],
          );
        };
      }(),
      update: (m, s) => Upd(1),
    );

void main() => runApp(MaterialApp(
      routes: {
        "/": (c) {
          return Scaffold(
            backgroundColor: Colors.amber,
            body: ListView.builder(itemBuilder: (c, i) => getItem()),
          );
        }
      },
      initialRoute: "/",
    ));

[p69]

@cab404 You can use TextEditController for getting and setting text in TextField.
Alternatively you can listen text changing events and produce Messages to update your Model. As an example you can look at Search widget in Github client example. It uses stream, debounce and subscription mechanism, but in your case just updating the Model using simple dispatch inside View should be enough.

[cab404]

@p69 ty, that helped :з