Cupertino-style TextField planned?

374 views
Skip to first unread message

Nicholas Manning

unread,
Dec 19, 2017, 11:11:10 AM12/19/17
to Flutter Dev
Greetings,

What is the best approach to implement an iOS style TextField?  See image:

But when I use a Flutter TextField, I get this (of course, Material Design style, using a "blue" theme primary color):


I plan to use this style for my Android app, but this is not acceptable to iOS users, therefore I plan to conditionally render it as close to iOS as possible.  

My questions:

1.  Do you have an example of how to disable the underline effect?  
2.  Or is it easier to just use the EditableText class?
3.  Is it a pain to get the blinking cursor iOS style?  (thickness, color, even slight fade in/out?)
4.  Plans to implement a Cupertino-style TextField? 

P.S. In my opinion, I feel like I'm not offering a quality UX for iOS users if I use Material Design style over the familiar iOS style.  Material Design is great for Android apps / the web but I feel iOS users will feel the app isn't high quality if it's not iOS style.

Thanks in advance!

Ian Hickson

unread,
Dec 19, 2017, 3:19:19 PM12/19/17
to Nicholas Manning, Flutter Dev
We're focusing on the Material widgets at the moment but we do intend to provide more Cupertino-style widgets like this in due course. Can you file a bug for the text fields in particular? That will help us track this work.

In the meantime, you should be able to get much of what you want using EditableText, though if you want it to be particularly close to how iOS renders text fields you may need to patch the framework a little (we are happy to review such patches if you like).

HTH,


--
You received this message because you are subscribed to the Google Groups "Flutter Dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to flutter-dev...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
--

--
Ian Hickson

😸

Nicholas Manning

unread,
Dec 20, 2017, 3:57:18 AM12/20/17
to Flutter Dev
Ok Ian, I opened this:  https://github.com/flutter/flutter/issues/13695

Would you have any example re EditableText?  I'm making a blog post about this and it'd be great as Google search is really lacking on Flutter form examples (unless I'm missing something).

Thanks,

Ian Hickson

unread,
Dec 20, 2017, 6:09:04 PM12/20/17
to Nicholas Manning, Flutter Dev
Thanks.

No particular example comes to mind short of the existing widgets that use it.
Reply all
Reply to author
Forward
0 new messages