Skip to content

how can I use autofocus so the form can scroll itself? #51

Open

Description

@NTMS2017

Thanks again for this great plugin.

Currently the form doesn't scroll itself. so how can I use autofocus so the form can scroll itself?
Also the CardSettingsListPicker or similar doesn't have auto focus.

Example I have a form as listed below. If I use autofocus for just CardSettingsText it jumps all the way down to my text. Any idea?

I also hack the CardSettingsText and add thethis.textInputAction so I can use textInputAction: TextInputAction.next. But it didn't worked.

  • CardSettingsListPicker
  • CardSettingsListPicker
  • CardSettingsListPicker
  • CardSettingsListPicker
  • CardSettingsListPicker
  • CardSettingsListPicker
  • CardSettingsText

Activity

  1. rodydavis commented on Feb 21, 2019

    @rodydavis
    Collaborator

    There are two modes, CardSettings, and CardSettings.sectioned, which one are you using?

    Could you provide some example code?

    Is text input action not available?

  2. NTMS2017 commented on Mar 4, 2019

    @NTMS2017
    Author

    I am using CardSettings and autofocus is not working properly. Also I need to clear the default value of text field when user tabs on text field... Any help please

  3. codegrue commented on May 15, 2020

    @codegrue
    Owner

    It appears flutter only provides autofocus for text fields:

    https://flutter.dev/docs/cookbook/forms/focus

    I am wondering if a hidden text field next to the pickers could be tabbed through, and tabbing a second time could display the dialog. I will do some reading to see if there is an expected behavior for material forms.

  4. codegrue commented on Jun 3, 2020

    @codegrue
    Owner

    I'm kind of at a loss on this one. Would autofocus on a picker automatically pop up the dialog? The closing that would pop up the dialog for the next one?

  5. codegrue commented on Jun 17, 2020

    @codegrue
    Owner

    Looks like focusNodes may be the solution to implement this:

    https://api.flutter.dev/flutter/widgets/FocusNode-class.html

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions