5 Card Background Flutter

5 Card Background Flutter – card background flutter

In this area we’ll be defective the local_auth amalgamation let’s add it to our project.

How to create Card with Background Image in Flutter - card background flutter
How to create Card with Background Image in Flutter – card background flutter | card background flutter

Let’s go aback to the CreditCardWidget and catechumen it to a stateful widget, if your application android Studio you can do it application adjustment (Alt Enter).

Let’s add these variables.

class CreditCardWidget extends StatefulWidget {@override_CreditCardWidgetState createState() => _CreditCardWidgetState();}

class _CreditCardWidgetState extends State<CreditCardWidget> {

And add these functions one by one.

Flutter Card with Transparent Background - Stack Overflow - card background flutter
Flutter Card with Transparent Background – Stack Overflow – card background flutter | card background flutter

Let’s get aback to the fingerprint figure and wrapp it with InkWell to accredit the tap gesture. Add the onTap and alarm the agnate functions.

Here’s how the cipher is setting.

To accredit this in Android go to:

/android/app/src/main/kotlin/{your_package}/my_wallet/MainActivity.kt

and accomplish the MainActivity extends FlutterFragmentActivity() instead of FlutterActivity() aloof like bellow.Don’t apperception the errors you’re accepting in the android binder if you’re application AndroidStudio, if appetite to accompany it you can accessible the android binder in a abstracted Android Studio tab, but no charge for that here.

Planets-Flutter: creating a Planet card - card background flutter
Planets-Flutter: creating a Planet card – card background flutter | card background flutter

import androidx.annotation.NonNull;import io.flutter.embedding.android.FlutterFragmentActivity;import io.flutter.embedding.engine.FlutterEngineimport io.flutter.plugins.GeneratedPluginRegistrant

class MainActivity: FlutterFragmentActivity() {override fun configureFlutterEngine(@NonNull flutterEngine: FlutterEngine) {GeneratedPluginRegistrant.registerWith(flutterEngine);}}

And for ios, go to:

ios/Runner/info.plist, and add the afterward lines. ios will charge this accord of bulletin to appearance aback he’s gonna ask for the permission to use faceID.

Now aback we bang on the fingerprint we get the permission request.

Flutter How to create Card with background Image? - Stack Overflow - card background flutter
Flutter How to create Card with background Image? – Stack Overflow – card background flutter | card background flutter

Then let’s go aback on adumbrate the advice that charge authorization.

Your creditCardWidget should be affection like this.

Here’s how to analysis faceID application iphone simulator.

You did it yay!! the fourth footfall contains all the assignment we accept done analysis it out.This was a little bit of a continued article, I achievement you abstruse something.

Keep coding!

Flutter How to create Card with background Image? - Stack Overflow - card background flutter
Flutter How to create Card with background Image? – Stack Overflow – card background flutter | card background flutter

Add a Comment

Your email address will not be published. Required fields are marked *