Skip to content

TextFormFlield does not look native on Android #17040

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
moodstubos opened this issue Apr 27, 2018 · 5 comments
Closed

TextFormFlield does not look native on Android #17040

moodstubos opened this issue Apr 27, 2018 · 5 comments

Comments

@moodstubos
Copy link

Steps to Reproduce

  • create new project
  • add a TextFormField widget
  • run and compare with android native

Native Android
-> new Android Studio project - selected "Login Activity"-template

image

Flutter
-> new clean project - TextFormField added:
image

image

Logs

Launching lib/main.dart on Nexus 5 in debug mode...
Initializing gradle... 0,8s
Resolving dependencies... 1,1s
Running 'gradlew assembleDebug'... 7,8s
Built build\app\outputs\apk\debug\app-debug.apk (30.4MB).
Installing build\app\outputs\apk\app.apk... 9,4s
I/FlutterActivityDelegate( 8200): onResume setting current activity to this
Syncing files to device Nexus 5... 2,9s

To hot reload your app on the fly, press "r". To restart the app entirely, press "R".
An Observatory debugger and profiler on Nexus 5 is available at: http://127.0.0.1:8104/
For a more detailed help message, press "h". To quit, press "q".

Run flutter analyze and attach any output of that command also.

Analyzing C:\Users\x\Projekte\x\flutter\testapp...
No issues found!

Flutter Doctor

[√] Flutter (Channel beta, v0.3.1, on Microsoft Windows [Version 10.0.16299.371], locale de-DE)
• Flutter version 0.3.1 at C:\Users\x\Projekte\SDK\flutter
• Framework revision 12bbaba (7 days ago), 2018-04-19 23:36:15 -0700
• Engine revision 09d05a3
• Dart version 2.0.0-dev.48.0.flutter-fe606f890b

[√] Android toolchain - develop for Android devices (Android SDK 27.0.3)
• Android SDK at C:\Users\x\AppData\Local\Android\sdk
• Android NDK location not configured (optional; useful for native profiling support)
• Platform android-27, build-tools 27.0.3
• Java binary at: C:\Program Files\Android\Android Studio\jre\bin\java
• Java version OpenJDK Runtime Environment (build 1.8.0_152-release-1024-b02)
• All Android licenses accepted.

[√] Android Studio (version 3.1)
• Android Studio at C:\Program Files\Android\Android Studio
• Flutter plugin version 23.2.2
• Dart plugin version 173.4700
• Java version OpenJDK Runtime Environment (build 1.8.0_152-release-1024-b02)

[√] VS Code, 64-bit edition (version 1.22.2)
• VS Code at C:\Program Files\Microsoft VS Code
• Dart Code extension version 2.11.2

[√] Connected devices (1 available)
• Nexus 5 • 02cd7a87d023fb75 • android-arm • Android 6.0.1 (API 23)

• No issues found!

@moodstubos
Copy link
Author

I think my report is a duplicate of this one:
#16704

sorry for that.
Basically I think a clean TextFormField should look native without any style adjustments

@moodstubos
Copy link
Author

Update:
It seems it is not possible to change the space between input text and label (space between label "Email" and text "Test" in the sample above). contentPadding only impacts the padding above label. Therefore it is NOT possible to get a TextField that fits to the material design guidelines. It is a great pity :-(

see:
https://material.io/guidelines/components/text-fields.html#text-fields-layout

@HansMuller
Copy link
Contributor

As you know the visual changes to InputDecorator layout were introduced in early January, #13734. They were based on an extensive program of usability testing by the Material design team. In the coming weeks you should see other similar implementations as well as matching updates to the Material spec itself.

@moodstubos
Copy link
Author

brilliant!
It's not a bug, it's a feature :-)

Thank you for your answer. And thank you for this great work. I totally love flutter.

@github-actions
Copy link

github-actions bot commented Sep 3, 2021

This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of flutter doctor -v and a minimal reproduction of the issue.

@github-actions github-actions bot locked as resolved and limited conversation to collaborators Sep 3, 2021
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants