Skip to content
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.

Sign up for GitHub

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

Jump to bottom

Cannot display CardFormField #466

Closed
jaymeschroeder opened this issue Dec 1, 2021 · 1 comment
Closed

Cannot display CardFormField #466

jaymeschroeder opened this issue Dec 1, 2021 · 1 comment
Labels
needs triage Needs triage

Comments

@jaymeschroeder
Copy link

jaymeschroeder commented Dec 1, 2021 •
edited
Loading

Describe the bug
When attempting to use CardFormField, I am running into an exception even if I copy all the same manifest, build.gradle, style.xml, etc. as the example has. The exception says "The style on this component requires your app theme to be Theme.MaterialComponents" when I already have it set in my styles.xml file, and in AndroidManifest.xml.

Styles:

         This Theme is only used starting with V2 of Flutter's Android embedding. -->
    <style name="NormalTheme" parent="Theme.MaterialComponents">
        <item name="android:windowBackground">?android:colorBackground</item>
    </style>

AndroidManifest:

<activity
            android:name=".MainActivity"
            android:launchMode="singleTop"
            android:theme="@style/LaunchTheme"
            android:configChanges="orientation|keyboardHidden|keyboard|screenSize|smallestScreenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
            android:hardwareAccelerated="true"
            android:windowSoftInputMode="adjustResize">
            <!-- Specifies an Android theme to apply to this Activity as soon as
                 the Android process has started. This theme is visible to the user
                 while the Flutter UI initializes. After that, this theme continues
                 to determine the Window background behind the Flutter UI. -->
            <meta-data
              android:name="io.flutter.embedding.android.NormalTheme"
              android:resource="@style/NormalTheme"
              />
            <!-- Displays an Android View that continues showing the launch screen
                 Drawable until Flutter paints its first frame, then this splash
                 screen fades out. A splash screen is useful to avoid any visual
                 gap between the end of Android's launch screen and the painting of
                 Flutter's first frame. -->
            <meta-data
              android:name="io.flutter.embedding.android.SplashScreenDrawable"
              android:resource="@drawable/launch_background"
              />
            <meta-data
                android:name="com.google.android.gms.wallet.api.enabled"
                android:value="true" />
            <intent-filter>
                <action android:name="android.intent.action.MAIN"/>
                <category android:name="android.intent.category.LAUNCHER"/>
            </intent-filter>
            <meta-data android:name="flutter_deeplinking_enabled" android:value="true" />
            <intent-filter android:autoVerify="true">
                <action android:name="android.intent.action.VIEW" />
                <category android:name="android.intent.category.DEFAULT" />
                <category android:name="android.intent.category.BROWSABLE" />
                <data android:scheme="flutterstripe" android:host="safepay" />
            </intent-filter>
        </activity>

The exception is:

2021-11-30 21:51:41.479 5479-5479/com.rvdoctor E/MethodChannel#flutter/platform_views: Failed to handle method call
android.view.InflateException: Binary XML file line #5 in com.rvdoctor:layout/stripe_card_form_view: Binary XML file line #5 in com.rvdoctor:layout/stripe_card_form_view: Error inflating class
Caused by: android.view.InflateException: Binary XML file line #5 in com.rvdoctor:layout/stripe_card_form_view: Error inflating class
Caused by: java.lang.reflect.InvocationTargetException
at java.lang.reflect.Constructor.newInstance0(Native Method)
at java.lang.reflect.Constructor.newInstance(Constructor.java:343)
at android.view.LayoutInflater.createView(LayoutInflater.java:852)
at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:1004)
at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:959)
at android.view.LayoutInflater.rInflate(LayoutInflater.java:1121)
at android.view.LayoutInflater.inflate(LayoutInflater.java:654)
at android.view.LayoutInflater.inflate(LayoutInflater.java:532)
at android.view.LayoutInflater.inflate(LayoutInflater.java:479)
at com.stripe.android.databinding.StripeCardFormViewBinding.inflate(StripeCardFormViewBinding.java:74)
at com.stripe.android.view.CardFormView.(CardFormView.kt:46)
at com.reactnativestripesdk.CardFormView.(CardFormView.kt:22)
at com.reactnativestripesdk.CardFormViewManager.createViewInstance(CardFormViewManager.kt:56)
at com.flutter.stripe.StripeSdkCardFormPlatformView.(StripeSdkCardFormPlatformView.kt:33)
at com.flutter.stripe.StripeSdkCardFormPlatformViewFactory.create(StripeSdkCardFormPlatformViewFactory.kt:22)
at io.flutter.plugin.platform.PlatformViewsController$1.createAndroidViewForPlatformView(PlatformViewsController.java:151)
at io.flutter.embedding.engine.systemchannels.PlatformViewsChannel$1.create(PlatformViewsChannel.java:104)
at io.flutter.embedding.engine.systemchannels.PlatformViewsChannel$1.onMethodCall(PlatformViewsChannel.java:59)
at io.flutter.plugin.common.MethodChannel$IncomingMethodCallHandler.onMessage(MethodChannel.java:233)
at io.flutter.embedding.engine.dart.DartMessenger.handleMessageFromDart(DartMessenger.java:84)
at io.flutter.embedding.engine.FlutterJNI.handlePlatformMessage(FlutterJNI.java:865)
at android.os.MessageQueue.nativePollOnce(Native Method)
at android.os.MessageQueue.next(MessageQueue.java:335)
at android.os.Looper.loop(Looper.java:183)
at android.app.ActivityThread.main(ActivityThread.java:7656)
at java.lang.reflect.Method.invoke(Native Method)
at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:592)
at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:947)
Caused by: java.lang.IllegalArgumentException: The style on this component requires your app theme to be Theme.MaterialComponents (or a descendant).
at com.google.android.material.internal.ThemeEnforcement.checkTheme(ThemeEnforcement.java:243)
at com.google.android.material.internal.ThemeEnforcement.checkMaterialTheme(ThemeEnforcement.java:217)
at com.google.android.material.internal.ThemeEnforcement.checkCompatibleTheme(ThemeEnforcement.java:145)
at com.google.android.material.internal.ThemeEnforcement.obtainStyledAttributes(ThemeEnforcement.java:76)
at com.google.android.material.card.MaterialCardView.(MaterialCardView.java:124)
at com.google.android.material.card.MaterialCardView.(MaterialCardView.java:114)
at java.lang.reflect.Constructor.newInstance0(Native Method) 
at java.lang.reflect.Constructor.newInstance(Constructor.java:343) 
at android.view.LayoutInflater.createView(LayoutInflater.java:852) 
at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:1004) 
at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:959) 
at android.view.LayoutInflater.rInflate(LayoutInflater.java:1121) 
at android.view.LayoutInflater.inflate(LayoutInflater.java:654) 
at android.view.LayoutInflater.inflate(LayoutInflater.java:532) 
at android.view.LayoutInflater.inflate(LayoutInflater.java:479) 
at com.stripe.android.databinding.StripeCardFormViewBinding.inflate(StripeCardFormViewBinding.java:74) 
at com.stripe.android.view.CardFormView.(CardFormView.kt:46) 
at com.reactnativestripesdk.CardFormView.(CardFormView.kt:22) 
at com.reactnativestripesdk.CardFormViewManager.createViewInstance(CardFormViewManager.kt:56) 
at com.flutter.stripe.StripeSdkCardFormPlatformView.(StripeSdkCardFormPlatformView.kt:33) 
at com.flutter.stripe.StripeSdkCardFormPlatformViewFactory.create(StripeSdkCardFormPlatformViewFactory.kt:22) 
at io.flutter.plugin.platform.PlatformViewsController$1.createAndroidViewForPlatformView(PlatformViewsController.java:151) 
at io.flutter.embedding.engine.systemchannels.PlatformViewsChannel$1.create(PlatformViewsChannel.java:104) 
at io.flutter.embedding.engine.systemchannels.PlatformViewsChannel$1.onMethodCall(PlatformViewsChannel.java:59) 
at io.flutter.plugin.common.MethodChannel$IncomingMethodCallHandler.onMessage(MethodChannel.java:233) 
at io.flutter.embedding.engine.dart.DartMessenger.handleMessageFromDart(DartMessenger.java:84) 
at io.flutter.embedding.engine.FlutterJNI.handlePlatformMessage(FlutterJNI.java:865) 
at android.os.MessageQueue.nativePollOnce(Native Method) 
at android.os.MessageQueue.next(MessageQueue.java:335) 
at android.os.Looper.loop(Looper.java:183) 
at android.app.ActivityThread.main(ActivityThread.java:7656) 
at java.lang.reflect.Method.invoke(Native Method) 
at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:592) 
at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:947) 
2021-11-30 21:51:41.581 5479-5529/com.rvdoctor E/flutter: [ERROR:flutter/lib/ui/ui_dart_state.cc(209)] Unhandled Exception: PlatformException(error, Binary XML file line #5 in com.rvdoctor:layout/stripe_card_form_view: Binary XML file line #5 in com.rvdoctor:layout/stripe_card_form_view: Error inflating class , null, android.view.InflateException: Binary XML file line #5 in com.rvdoctor:layout/stripe_card_form_view: Binary XML file line #5 in com.rvdoctor:layout/stripe_card_form_view: Error inflating class
Caused by: android.view.InflateException: Binary XML file line #5 in com.rvdoctor:layout/stripe_card_form_view: Error inflating class
Caused by: java.lang.reflect.InvocationTargetException
at java.lang.reflect.Constructor.newInstance0(Native Method)
at java.lang.reflect.Constructor.newInstance(Constructor.java:343)
at android.view.LayoutInflater.createView(LayoutInflater.java:852)
at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:1004)
at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:959)
at android.view.LayoutInflater.rInflate(LayoutInflater.java:1121)
at android.view.LayoutInflater.inflate(LayoutInflater.java:654)
at android.view.LayoutInflater.inflate(LayoutInflater.java:532)
at android.view.LayoutInflater.inflate(LayoutInflater.java:479)
at com.stripe.android.databinding.StripeCardFormViewBinding.inflate(StripeCardFormViewBinding.java:74)
at com.stripe.android.view.CardFormView.(CardFormView.kt:46)
at com.reactnativestripesdk.CardFormView.(CardFormView.kt:22)
at com.reactnativestripesdk.CardFormViewManager.createViewInstance(CardFormViewManager.kt:56)
at com.flutter.stripe.StripeSdkCardFormPlatformView.(StripeSdkCardFormPlatformView.kt:33)
at com.flutter.stripe.StripeSdkCardFormPlatformViewFactory.create(StripeSdkCardFormPlatformViewFactory.kt:22)
at io.flutter.plugin.platform.PlatformViewsController$1.createAndroidViewForPlatformView(PlatformViewsController.java:151)
at io.flutter.embedding.engine.systemchannels.PlatformViewsChannel$1.create(PlatformViewsChannel.java:104)
at io.flutter.embedding.engine.systemchannels.PlatformViewsChannel$1.onMethodCall(PlatformViewsChannel.java:59)
at io.flutter.plugin.common.MethodChannel$IncomingMethodCallHandler.onMessage(MethodChannel.java:233)
at io.flutter.embedding.engine.dart.DartMessenger.handleMessageFromDart(DartMessenger.java:84)
at io.flutter.embedding.engine.FlutterJNI.handlePlatformMessage(FlutterJNI.java:865)
at android.os.MessageQueue.nativePollOnce(Native Method)
at android.os.MessageQueue.next(MessageQueue.java:335)
at android.os.Looper.loop(Looper.java:183)
at android.app.ActivityThread.main(ActivityThread.java:7656)
at java.lang.reflect.Method.invoke(Native Method)
at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:592)
at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:947)
Caused by: java.lang.IllegalArgumentException: The style on this component requires your app theme to be Theme.MaterialComponents (or a descendant).
at com.google.android.material.internal.ThemeEnforcement.checkTheme(ThemeEnforcement.java:243)
at com.google.android.material.internal.ThemeEnforcement.checkMaterialTheme(ThemeEnforcement.java:217)
at com.google.android.material.internal.ThemeEnforcement.checkCompatibleTheme(ThemeEnforcement.java:145)
at com.google.android.material.internal.ThemeEnforcement.obtainStyledAttributes(ThemeEnforcement.java:76)
at com.google.android.material.card.MaterialCardView.(MaterialCardView.java:124)
at com.google.android.material.card.MaterialCardView.(MaterialCardView.java:114)
at java.lang.reflect.Constructor.newInstance0(Native Method) 
at java.lang.reflect.Constructor.newInstance(Constructor.java:343) 
at android.view.LayoutInflater.createView(LayoutInflater.java:852) 
at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:1004) 
at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:959) 
at android.view.LayoutInflater.rInflate(LayoutInflater.java:1121) 
at android.view.LayoutInflater.inflate(LayoutInflater.java:654) 
at android.view.LayoutInflater.inflate(LayoutInflater.java:532) 
at android.view.LayoutInflater.inflate(LayoutInflater.java:479) 
at com.stripe.android.databinding.StripeCardFormViewBinding.inflate(StripeCardFormViewBinding.java:74) 
at com.stripe.android.view.CardFormView.(CardFormView.kt:46) 
at com.reactnativestripesdk.CardFormView.(CardFormView.kt:22) 
at com.reactnativestripesdk.CardFormViewManager.createViewInstance(CardFormViewManager.kt:56) 
at com.flutter.stripe.StripeSdkCardFormPlatformView.(StripeSdkCardFormPlatformView.kt:33) 
at com.flutter.stripe.StripeSdkCardFormPlatformViewFactory.create(StripeSdkCardFormPlatformViewFactory.kt:22) 
at io.flutter.plugin.platform.PlatformViewsController$1.createAndroidViewForPlatformView(PlatformViewsController.java:151) 
at io.flutter.embedding.engine.systemchannels.PlatformViewsChannel$1.create(PlatformViewsChannel.java:104) 
at io.flutter.embedding.engine.systemchannels.PlatformViewsChannel$1.onMethodCall(PlatformViewsChannel.java:59) 
at io.flutter.plugin.common.MethodChannel$IncomingMethodCallHandler.onMessage(MethodChannel.java:233) 
at io.flutter.embedding.engine.dart.DartMessenger.handleMessageFromDart(DartMessenger.java:84) 
at io.flutter.embedding.engine.FlutterJNI.handlePlatformMessage(FlutterJNI.java:865) 
at android.os.MessageQueue.nativePollOnce(Native Method) 
at android.os.MessageQueue.next(MessageQueue.java:335) 
at android.os.Looper.loop(Looper.java:183) 
at android.app.ActivityThread.main(ActivityThread.java:7656) 
at java.lang.reflect.Method.invoke(Native Method) 
at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:592) 
at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:947) 
)
#0 StandardMethodCodec.decodeEnvelope (package:flutter/src/services/message_codecs.dart:607:7)
#1 MethodChannel._invokeMethod (package:flutter/src/services/platform_channel.dart:156:18)

#2 AndroidViewController.create (package:flutter/src/services/platform_views.dart:771:5)
<asynchronous

suspension>

To Reproduce
Steps to reproduce the behavior:
Anytime I try to add CardFormField widget to build method.

Expected behavior
I expect CardFormField to be displayed on the screen, but nothing is displayed and the exception is thrown.

Smartphone / tablet

  • Device: pixel 4 API 30 (emulator)
  • OS: android 11
  • Package version: 2.0.2
  • Flutter version - 2.5.3
@jaymeschroeder jaymeschroeder added the needs triage Needs triage label Dec 1, 2021
@jamesblasco
Copy link
Member

Please check again if you have correctly changed the styles as they are required both in values/styles.xml, values-night/styles.xml(if exits), and the manifest.

The error explicitly says is because of this:

Caused by: java.lang.IllegalArgumentException: The style on this component requires your app theme to be Theme.MaterialComponents (or a descendant).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
needs triage Needs triage
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@jaymeschroeder @jamesblasco