flutter-form-builder-ecosystem / flutter_form_builder

Simple form maker for Flutter Framework
https://pub.dev/packages/flutter_form_builder
MIT License
1.47k stars 534 forks source link

FormBuilderTextField: emoji button is disabled #1411

Closed pagach closed 3 weeks ago

pagach commented 1 month ago

Is there an existing issue for this?

Package/Plugin version

9.3.0

Platforms

Flutter doctor

Flutter doctor ``` C:\Users\Korisnik\.puro\envs\3.22.0\flutter\bin\flutter.bat doctor --verbose [!] Flutter (Channel stable, 3.22.0, on Microsoft Windows [Version 10.0.22631.3880], locale hr-HR) • Flutter version 3.22.0 on channel stable at C:\Users\Korisnik\.puro\envs\3.22.0\flutter ! Warning: `flutter` on your path resolves to C:\Users\Korisnik\.puro\envs\stable\flutter\bin\flutter, which is not inside your current Flutter SDK checkout at C:\Users\Korisnik\.puro\envs\3.22.0\flutter. Consider adding C:\Users\Korisnik\.puro\envs\3.22.0\flutter\bin to the front of your path. ! Warning: `dart` on your path resolves to C:\Users\Korisnik\.puro\shared\caches\edd8546116457bdf1c5bdfb13ecb9463d2bb5ed4\dart-sdk\bin\dart.exe, which is not inside your current Flutter SDK checkout at C:\Users\Korisnik\.puro\envs\3.22.0\flutter. Consider adding C:\Users\Korisnik\.puro\envs\3.22.0\flutter\bin to the front of your path. • Upstream repository https://github.com/flutter/flutter.git • Framework revision 5dcb86f68f (9 weeks ago), 2024-05-09 07:39:20 -0500 • Engine revision f6344b75dc • Dart version 3.4.0 • DevTools version 2.34.3 • If those were intentional, you can disregard the above warnings; however it is recommended to use "git" directly to perform update checks and upgrades. [√] Windows Version (Installed version of Windows is version 10 or higher) [√] Android toolchain - develop for Android devices (Android SDK version 33.0.1) • Android SDK at C:\Users\Korisnik\AppData\Local\Android\sdk • Platform android-34, build-tools 33.0.1 • Java binary at: C:\Program Files\Android\Android Studio2\jbr\bin\java • Java version OpenJDK Runtime Environment (build 17.0.10+0--11609105) • All Android licenses accepted. [√] Chrome - develop for the web • Chrome at C:\Program Files\Google\Chrome\Application\chrome.exe [√] Visual Studio - develop Windows apps (Visual Studio Community 2022 17.9.3) • Visual Studio at C:\Program Files\Microsoft Visual Studio\2022\Community • Visual Studio Community 2022 version 17.9.34701.34 • Windows 10 SDK version 10.0.22000.0 [√] Android Studio (version 2024.1) • Android Studio at C:\Program Files\Android\Android Studio2 • Flutter plugin can be installed from: https://plugins.jetbrains.com/plugin/9212-flutter • Dart plugin can be installed from: https://plugins.jetbrains.com/plugin/6351-dart • Java version OpenJDK Runtime Environment (build 17.0.10+0--11609105) [√] VS Code (version 1.87.2) • VS Code at C:\Users\Korisnik\AppData\Local\Programs\Microsoft VS Code • Flutter extension can be installed from: https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter [√] Connected device (4 available) • SM G770F (mobile) • adb-RF8N21M56SR-xo7Eu2._adb-tls-connect._tcp • android-arm64 • Android 13 (API 33) • Windows (desktop) • windows • windows-x64 • Microsoft Windows [Version 10.0.22631.3880] • Chrome (web) • chrome • web-javascript • Google Chrome 126.0.6478.127 • Edge (web) • edge • web-javascript • Microsoft Edge 126.0.2592.68 [√] Network resources • All expected network resources are available. ! Doctor found issues in 1 category. Process finished with exit code 0 ```

Minimal code example

Code sample ``` FormBuilder( key: formKey, child: FormBuilderTextField( name: "test", ), ), ```

Current Behavior

Emoji, search and translate buttons are disabled when keyboard opens: Screenshot_20240713_110221

Expected Behavior

Emoji button should be available as it is available in flutters TextField

Steps To Reproduce

  1. Tested on Samsung s10 lite and basic setup with the field

Aditional information

No response

makis73 commented 1 month ago

In the keyboardType property of the FormBuilderTextField try to use TextInputType.name. This will enable emoji button. e.g,

FormBuilderTextField(
     keyboardType: TextInputType.name,
     name: 'name',
     decoration: const InputDecoration(labelText: 'Your name'),
),

Screenshot from 2024-07-16 11-13-25

pagach commented 3 weeks ago

Yes, it works with name input type. Thx.