1 00:00:01,040 --> 00:00:02,780 We've now got our text input visible. 2 00:00:02,780 --> 00:00:07,250 Remember just about every time we show a text input you're going to add in your own custom styling. 3 00:00:07,250 --> 00:00:11,830 There are two other props that need to be aware of that you're going to add into almost every text input 4 00:00:11,900 --> 00:00:13,260 you put together. 5 00:00:13,290 --> 00:00:18,740 I want to show you something really quickly on the android and Iow simulators that I'm running. 6 00:00:18,740 --> 00:00:23,900 All right I'm going to reset the screen here really quickly and I'll go back to my text demo and then 7 00:00:23,960 --> 00:00:27,860 on both these I'm going to add in just a little bit of text to this text input. 8 00:00:27,920 --> 00:00:28,630 It's on Android. 9 00:00:28,640 --> 00:00:33,710 I'M GONNA WRITE OUT A SDF and same thing over here on IAW as well. 10 00:00:33,710 --> 00:00:38,330 Now it's kind of hard to see and I know the text on the IOW simulator in particular is really small 11 00:00:38,600 --> 00:00:42,540 but there actually is a very subtle difference between both these devices. 12 00:00:42,620 --> 00:00:48,660 You might notice that on AOS over here the text I just entered into that input got capitalized automatically. 13 00:00:48,680 --> 00:00:55,670 In other words that leading a in a SDF was automatically capitalized that occurs by default on ISIS 14 00:00:56,120 --> 00:00:59,150 depending on pon your version of Android that you are running. 15 00:00:59,240 --> 00:01:05,750 You will either see the same behavior on Android as well or it might not be capitalized at all automatically. 16 00:01:05,750 --> 00:01:12,170 In addition on IOW over here if I type in a word and excellently make a little small misspelling inside 17 00:01:12,170 --> 00:01:15,240 of it I'm going to try to write out keyboard bug and make a typo. 18 00:01:15,290 --> 00:01:22,230 It's all right out keyboard but going to flip the O in the A like so I didn't quite take that one let's 19 00:01:22,230 --> 00:01:24,320 try that again. 20 00:01:24,430 --> 00:01:25,360 There we go. 21 00:01:25,360 --> 00:01:29,170 So I just left off the O and so I can see this auto correct appear right here. 22 00:01:29,260 --> 00:01:33,440 If I then hit spacebar it's going to automatically change that word for me. 23 00:01:33,520 --> 00:01:38,400 Now sometimes we definitely want that auto correct functionality but very frequently if we are entering 24 00:01:38,400 --> 00:01:45,940 in some text into say an email input or a user name input or a password input we really don't want ISIS 25 00:01:46,060 --> 00:01:49,720 to mess around with the text we're entering at all. 26 00:01:49,720 --> 00:01:54,310 So very frequently when we add in a text input right here there are two different props that are going 27 00:01:54,310 --> 00:01:59,890 to add in to keep ISIS from capitalizing that string and trying to change any of the words so we enter 28 00:01:59,890 --> 00:02:00,640 in there. 29 00:02:00,730 --> 00:02:06,570 So let's figure out what those two different properties are so on my text input I'm going to first give 30 00:02:06,570 --> 00:02:12,220 myself a little bit of space here so the first prop that we're going to add into the vast majority of 31 00:02:12,220 --> 00:02:19,780 text inputs that you and I put together is auto capitalize equals none like so they might think that 32 00:02:19,930 --> 00:02:23,520 this option would be receive a value of a boolean value. 33 00:02:23,550 --> 00:02:26,470 So like something like false but that's not the case. 34 00:02:26,500 --> 00:02:30,940 Instead when we select auto capitalize right here there are actually a couple of different options so 35 00:02:30,940 --> 00:02:31,960 we can select. 36 00:02:31,960 --> 00:02:37,720 We can either say auto capitalize all characters auto capitalize the start of every sentence or auto 37 00:02:37,720 --> 00:02:39,830 capitalize every word that we enter. 38 00:02:39,880 --> 00:02:41,680 Or alternatively just none. 39 00:02:41,710 --> 00:02:47,320 So rather than putting an auto capitalize a false we generally going to say none like so to say please 40 00:02:47,320 --> 00:02:52,900 don't mess around my text input the other text or the other proper going add in very frequently is auto 41 00:02:52,900 --> 00:02:53,620 correct. 42 00:02:55,130 --> 00:03:00,240 And this one does in fact take a billion value we're going to usually be sending it to false like so 43 00:03:00,780 --> 00:03:06,420 as you might guess by default auto correct has a default value of true whenever putting together text 44 00:03:06,420 --> 00:03:06,800 input. 45 00:03:06,810 --> 00:03:11,340 Like I said if we're handling emails passwords user names we really don't want. 46 00:03:11,340 --> 00:03:17,130 IOW to jump in and start changing words on our users because that's extremely annoying for them. 47 00:03:17,430 --> 00:03:19,180 So now we've got these two props inside of here. 48 00:03:19,230 --> 00:03:22,280 Let's save and test out again. 49 00:03:22,330 --> 00:03:29,930 So now on Android I can put in a misspelt word like keyboard without a a and no issue whatsoever. 50 00:03:29,930 --> 00:03:34,100 And then on ISIS I can put in keyboard that leading character does not get changed. 51 00:03:34,550 --> 00:03:37,530 And if I make a typo in there that's totally fine as well. 52 00:03:37,670 --> 00:03:42,710 It doesn't get changed as you might imagine there will be scenarios where you might not want to use 53 00:03:42,710 --> 00:03:44,100 these two props right here. 54 00:03:44,120 --> 00:03:49,970 So for example if you're prompting a user to enter in like a blog post or a blog title well chances 55 00:03:49,970 --> 00:03:53,430 are you want that to be auto capitalized and you want spellcheck on. 56 00:03:53,570 --> 00:03:57,950 But in this course you and I for the most part are going to be dealing with text that we don't want 57 00:03:57,950 --> 00:04:02,180 to be changed like emails and passwords user names and so on. 58 00:04:02,180 --> 00:04:05,660 And in those cases once again probably want those two prompts. 59 00:04:05,660 --> 00:04:05,930 OK. 60 00:04:05,960 --> 00:04:06,860 Now we've seen those too. 61 00:04:06,860 --> 00:04:09,340 Let's take another quick pause when we come back the next video. 62 00:04:09,380 --> 00:04:13,160 We're going to start to focus once again on the real goal this application. 63 00:04:13,160 --> 00:04:14,090 That right there. 64 00:04:14,190 --> 00:04:15,520 So I'll see you in just a minute.