Flutter-How to create otp code textfield like in the picture? - flutter

How to create otp code textfield like in the picture?
I tried the pinput and PinCodeTextField packages but I couldn't do it like in the picture. Can you help with this?

Use flutter_otp_text_field package.

hi you can try with pinput. It's have very good pub points.

Related

How to enable copy/paste on Flutter TextField widget?

Trying to find the answer using Google search was a problem for me. This is really surprising. I want to be able to copy and paste TextField contents between different TextField's.
you can use :
SelectableText("hello over there")
use Clipboard
Clipboard.setData(ClipboardData(text: name_cont.text))
This answer may help you:
https://stackoverflow.com/a/46260376/1136999

Arc menu like Pinterest (longpress and drag & drop) on flutter

I want to implement Arc Menu like Pinterest.
on iOS:
https://iosexample.com/a-beautiful-and-minimalist-arc-menu-like-the-pinterest-one-written-in-swift/
https://github.com/GnosisHub/GHContextMenu
Is there any similar package/solution on Flutter?
try these,
flutter_arc_speed_dial
awesome_speed_dial
I was also in need of this feature, so I developed a dart package for this:
It's called pie_menu and available here on pub.dev.
Please share your thoughts if you give it a try. 🥧

How to tap to copy html text in flutter app

My developer is building an educational app for me and we kind of have a problem. I want to know how to tap a word or phrase on the screen to show copy, highlight, web search like the image below. The app was built with flutter and the code is in dart. This feature is really needed. Will appreciate if someone can help with a plugin or just a way to do this.
If you are using webview package you have a gestureRecognizers property in webview widget, just add this line:
WebViewPlus(
gestureRecognizers: {}..add(Factory<LongPressGestureRecognizer>(() =>
LongPressGestureRecognizer())),...)
Flutter has selectable text for that
If he is using webview, maybe this could help?
How to enable text selection modal(copy/paste/select) in flutter webview?
They is a package for copy and paste text in the flutter.
FlutterClipboard.copy(item.code).then((value) {})
package link
Well I got your problem.
There is a possible solution. Here you are doing is sending data from server in html format and displayed it using html_viwer. But there is no functionality I found to select and copy so far.
The possible solution is send string data from server and use SelectableText() to show the text and you will be able to select and copy your text.
There's a solution for this, just use SelectableHtml widget instead of only Html

How to use embedBuilder in zefyr?

How to use embedBuilder in zefyr 1.0.0-dev.2.0? I want to add images using image picker and display them on Zefyr Editor? How do I achieve this?
Have a look at the example code provided in this GitHub issue comment: https://github.com/memspace/zefyr/issues/421#issuecomment-708202346

Draggscroll image in flutter, is possible?

Is it possible to do something like this on flutter?
draggscroll
I dunno what specific thing you want but you can try using this package: https://pub.dev/packages/zoom_widget