#BPerez

1 messages · Page 1 of 1 (latest)

obsidian phoenix
#

Hi there, is it an iOS or web integration?

#

Or react native?

tranquil crypt
#

flutter_stripe: ^2.0.2
It’s the highlighted text

obsidian phoenix
#

Hi, it looks like the only styling option for CardFormField is backgroundColor

tranquil crypt
#

Are we able to change that?

obsidian phoenix
#
CardFormField(
          controller: controller,
          backgroundColor: Colors.orange,
        ),


#

Here's an example to set the backgroundColor

#

And maybe you want to check if there is any change to your global TextTheme, the default text color is grey and black.

#

You should be able to to locate your TextTheme under MaterialApp->theme->textTheme

tranquil crypt
#

Is it possible to add my developer to this thread?

obsidian phoenix
#

sure thing, what's your developer's discord name?

tranquil crypt
#

Ara#3496

#

Thank you

obsidian phoenix
#

I couldn't find this username

#

Has he/she joined this Discord channel?

tranquil crypt
#

No, is there an invite link?

obsidian phoenix
tranquil crypt
#

Ok I just invited him. He should be here in a few minutes

hot escarp
#

Hello

tranquil crypt
#

Jack could you tell ara how we can make our text within the card detail widget to mimic how it is here?

hot escarp
#

Hi @obsidian phoenix I'm currently looking at the very neath of the creation of the native card field widget.
And at the end when invokeMethod called only parameter that has being passed is backgroundColor

obsidian phoenix
#

So as I explained before, my guess is that your global textTheme is changed to a lighter color, and that's why it's now showing the default black text color

hot escarp
hot escarp
#

wrapping the widget into DefaultTextStyle widget wont help as well

obsidian phoenix
#

OK, the CardFormField doesn't provide props to customize the text color, so the change must be from a global theme.

You might want to double check the global textTheme settings or check your git history?

hot escarp
#

under global theme you mean theme for material app correct?

obsidian phoenix
#

Yes

hot escarp
#

yes, so I checked global textTheme and here it is, all the available text styles has been set and the color of the text in all the places, in theme, is set to dark grey color

obsidian phoenix
#

Can you try to remove the customized global text theme ?

#

and change the theme to light instead of dark?

hot escarp
#

yes, so I completely removed the theme from MaterialApp and now it works by default Theme and there are no changes in the strip CardField , the problem is only on the iOS device, more precisely on the iPhone 12

tranquil crypt
#

Ara it has been happening on other devices as well

obsidian phoenix
#

Hi @hot escarp @tranquil crypt my shift is ending, do you need me to keep this thread open or shall I close it?

hot escarp
#

please keep it open, thanks @obsidian phoenix.

obsidian phoenix
#

No problem 🙂

iron willow
#

Hi, I'm taking over this thread!

so I completely removed the theme from MaterialApp and now it works by default
It means it's the theme that is causing the issue! So you need to take a closer look at it to figure out exactly what part is changing the text color.

hot escarp
iron willow
#

Can you confirm that removing the theme from MaterialApp fixed the issue? If so, it means that the issue comes from the theme.

hot escarp
#

Theme change for Material App won't do any effect on Stripe CardFormField

iron willow
#

Two things you could look into:

  • Are you setting somewhere a dark theme? Because it will make the color light.
  • Are you changing the global text theme subtitle1 somewhere in your app?
hot escarp
#

changing subtitle to different color did not change anything for CardFormField,
yes I do have primaryColorBrightness: in Theme set to dark.