Skip to main content

Dive Into Designing Flutter TextField

  

Dive Into Designing Flutter TextField

autofocus: Sets focus on TextField by default (i.e. as screen loads that contain TextField() in it, the keyboard opens up itself)

Changing Keyboard Type: Allows you to customize the keyboard.
Types are:
    1. TextInputType.text  (Normal Complete keyboard)
    2. TextInputType.number  (for unsigned numerical information without a decimal point)
    3. TextInputType.phone  (for telephone numbers)
    4. TextInputType.name  (or a person's name)
    5. TextInputType.datetime  (for date and time information)
  6. TextInputType.text  (Normal Complete keyboard)
    7. TextInputType.emailAddress  (for email addresses)
    8. TextInputType.multiline  (for multiline textual information, accepts newlines when enter                                key is pressed. This is the input type used for all multiline                                 text fields)
    9. TextInputType.streetAddress  (for postal mailing addresses)
   10. TextInputType.url  (for URLs, requests keyboard with ready access to the "/" & "." keys)
   11. TextInputType.visiblePassword  (for passwords that are visible to user. Requests a keyboard with ready access to both letters and numbers)

Hide Text (Obscuring Text): Allows you to hide/obscure the text entered by user.
                                            
Example:
TextField(
    autofocus: true, 
    keyboardType: TextInputType.text,
    obscureText: true,  
)
For queries or any other help related to flutter or dart feel free to ask in the comments😊

Labels:

Comments

Post a Comment

Popular posts from this blog

Adding Audio/sound in Flutter

  Adding Audio/Sound in Flutter First, Add dependencies: dependencies: audioplayers: ^0.18.3 Now, run an implicit dart pub get . Note: Install the latest version. Import it Now in your Dart code, you can use: import 'package:audioplayers/audioplayers.dart ' ; import 'package:audioplayers/audio_cache .dart ' ; Play  Sound/Audio after you open the app : AudioPlayer advancedPlayer ; Future loadMusic() async {      advancedPlayer = await AudioCache ().loop( "filename.mp3" );     //to play audio in a loop                    // OR      advancedPlayer = await AudioCache ().play( "filename.mp3" );    //to play audio once } @override void initState() {      loadMusic();      super .initState(); } To Stop  Sound/Audio : Future stopp(){          //created stopp() function to stop playing audio a...
1 comment
Read more

TabBarView & TabBar in Flutter using DefaultTabController()

   Adding TabBarView & TabBar in Flutter using DefaultTabController Import it Now in your Dart code, you can use: import 'package:flutter/gestures .dart ' ;          //for drag gesture Three Simple Steps: 1. Remember to add DefaultTabController before Scaffold: class Timeline_PageState extends State<Timeline_Page>{ @override Widget build(BuildContext context) { return DefaultTabController ( initialIndex: 0 , // default is 0 length: 4 , // Number of Tabs      ); } } 2. TabBar Code: Container (color:Colors. grey . shade100 ,     //TAB_BAR Inside a Container height: 50 , child: TabBar (labelColor: Colors. black , tabs: [ Tab (text: 'About' , icon: Icon (Icons. account_box_outlined , color: Colors. indigo ,), iconMargin: EdgeInsets . only (bottom: 0.0 ),...
Post a Comment
Read more

Retrieve Data from Firebase in Flutter

Retrieving Data Using DocumentSnapshot Retrieve Data Stored in a map in firebase First, Add dependencies: dependencies: cloud_firestore: ^1.0.7 Now, run an implicit dart pub get . Note: Install the latest version. Import it Now in your Dart code, you can use: import 'package:cloud_firestore/cloud_firestore.dart' ; Now in your Dart code: DocumentSnapshot documentSnapshot = await FirebaseFirestore. instance .collection( 'Collection_Name' ).doc( 'Document_Id' ).get(); Also, to get data length use: int dataLength = documentSnapshot.data(). length ; To get data of a single map: List<String> dataList = documentSnapshot['key'].toString(); For queries or any other help related to flutter or dart feel free to ask in the comments😊
Post a Comment
Read more