BPerez | Stripe Developers | Page 1

obsidian phoenix Jan 13, 2022, 7:20 AM

#

Hi there, is it an iOS or web integration?

#

Or react native?

tranquil crypt Jan 13, 2022, 7:36 AM

#

flutter_stripe: ^2.0.2
It’s the highlighted text

obsidian phoenix Jan 13, 2022, 7:44 AM

#

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

tranquil crypt Jan 13, 2022, 7:46 AM

#

Are we able to change that?

obsidian phoenix Jan 13, 2022, 7:47 AM

#

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 Jan 13, 2022, 7:58 AM

#

Is it possible to add my developer to this thread?

obsidian phoenix Jan 13, 2022, 8:01 AM

#

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

tranquil crypt Jan 13, 2022, 8:02 AM

#

Ara#3496

#

Thank you

obsidian phoenix Jan 13, 2022, 8:04 AM

#

I couldn't find this username

#

Has he/she joined this Discord channel?

tranquil crypt Jan 13, 2022, 8:14 AM

#

No, is there an invite link?

obsidian phoenix Jan 13, 2022, 8:15 AM

#

https://discord.com/invite/stripe

tranquil crypt Jan 13, 2022, 8:18 AM

#

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

hot escarp Jan 13, 2022, 8:21 AM

#

Hello

tranquil crypt Jan 13, 2022, 8:24 AM

#

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

hot escarp Jan 13, 2022, 8:25 AM

#

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 Jan 13, 2022, 8:26 AM

#

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 Jan 13, 2022, 8:26 AM

#

hot escarp Jan 13, 2022, 8:32 AM

#

obsidian phoenix So as I explained before, my guess is that your global textTheme is changed to a...

@obsidian phoenix I tried to change text color from the theme In all the places, wont work

#

wrapping the widget into DefaultTextStyle widget wont help as well

obsidian phoenix Jan 13, 2022, 8:35 AM

#

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 Jan 13, 2022, 8:37 AM

#

under global theme you mean theme for material app correct?

obsidian phoenix Jan 13, 2022, 8:41 AM

#

Yes

#

https://docs.flutter.dev/cookbook/design/themes

Use themes to share colors and font styles

How to share colors and font styles throughout an app using Themes.

hot escarp Jan 13, 2022, 8:46 AM

#

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 Jan 13, 2022, 8:48 AM

#

Can you try to remove the customized global text theme ?

#

and change the theme to light instead of dark?

hot escarp Jan 13, 2022, 8:57 AM

#

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 Jan 13, 2022, 8:57 AM

#

Ara it has been happening on other devices as well

obsidian phoenix Jan 13, 2022, 9:01 AM

#

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 Jan 13, 2022, 9:03 AM

#

please keep it open, thanks @obsidian phoenix.

obsidian phoenix Jan 13, 2022, 9:04 AM

#

No problem 🙂

iron willow Jan 13, 2022, 9:07 AM

#

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 Jan 13, 2022, 9:10 AM

#

iron willow Hi, I'm taking over this thread! > so I completely removed the theme from Materi...

Hi @iron willow I removed Theme from MaterialApp and no any changes affected on stripe CardFormField, which means it does not use any styles from Flutter Theme

iron willow Jan 13, 2022, 9:13 AM

#

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 Jan 13, 2022, 9:18 AM

#

iron willow Can you confirm that removing the theme from MaterialApp fixed the issue? If so,...

it does not(

#

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

iron willow Jan 13, 2022, 9:37 AM

#

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 Jan 13, 2022, 10:37 AM

#

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

#BPerez