How to show images and text using react-native-material-dropdown? - react-native

I'm developing social app using react-native.
There, I have one problm during developing.
I used react-native-material-dropdown module for making dropdown.
I want to show images and text on each element on dropdown.
But react-native-material-dropdown module doesn't support this feature.
How can I solve this problem?
Please help me.

Try using the renderBase prop, see this and this issues that could help you :)

Related

PDF annotation in React-native mobile app

I want to create a PDF annotation app with react-native, without using third-party libraries. If you guys have any idea how can I build that, please give your suggestion.
Basically, I want to add text selection and highlight in any available PDF without using a third-party library. If you have any idea then, please tell me. If it is not possible in react-native then kindly suggest me native solution.

rendering different screen based on input by the user React Native

Hello fellow programmers, i wanted to ask how can i achieve different screen rendering based on input by the user. I have done it in one way but i want to know is there any better way to do?
Attached is the link to snack on expo. You can run it and see the code of how i have done it.
If there are better alternates, please let me know.
Thankyou.
please dont mark the question as duplicate before going throught it.
For better choice you can using react-navigation https://reactnavigation.org/docs/auth-flow/ This package work in Expo
The example you posted looks mostly like something I would use conditional rendering techniques for like the && syntax
See here for more guidance:
https://reactjs.org/docs/conditional-rendering.html
If your pages are dramatically different though (not just options flipping on and off) then I would recommend react navigation as giri commented.

How to detect a screenshot in a RN application?

I'm having some problem about a screenshot-detector in an application.
I'm using EXPO, but I've no idea about how can I detect a screenshot.
Suppose that I've a profile screen. Each user has a profile page, I want to detect when another user does a screenshot on the screen.
My problem is: how can I detect this? I readed about the gesture here, but it didn't help me. With the gestures I can detect, instead, the scroll in a page, the location x and location y.
I readed also this answer, but about the event touchesCancelled:withEvent:touchesCancelled:withEvent: I have not found anything in React Native docs (and also EXPO docs).
So: which is the idea behind a screenshot detector? Thanks for your help!
You can't do it without detaching EXPO. There is already a feature request for that.
If you decide to detach EXPO, react-native-screenshot-detector might be helpful. The solution is very similar to the one from the linked question.
Currently with expo there is no way to do that, But if you detach you can use this package it supports android&ios screenshot detecting react-native-detector

How can i add the Image Filter plugin in Xamarin.Form?

First of all I am new in Xamarin.Form. I am trying to get best from Google but some of functionality I am not able to get even searched a lot.
I am creating a Xamarin.Form app. In that app I want to provide a functionality of image filter. In that, the image captured by user or get from their internal memory should by filter.
I have tried to search on google to get some idea for it in Xamarin.Form but I still not get any link which can help me to get start.
First of all I don't know whether it is possible in Xamarin.Form or not. Can anybody suggest me a link or idea to achieve it?
I attached a Screenshot so you can easily understand the problem.
Screenshot
There are no out of the box APIs in Xamarin.Forms for Image filters.
Each platforms handles the images differently, you will need to implement these filters per platform bases.
You can find the instructions for iOS here and here for Android, then you can use the DependencyServices to access them in Forms app

Titanium: On The Fly Masked TextField

Titanium-Alloy SDK 3.2.1, Android 4.2.2.
Hi there, I would like to know if you have had the need to mask a textfield on the fly.
One project I am working on needs the user to input some formatted numbers (numbers+punctuation). On my best efforts, I've made a example project that makes use of a masked textfield using keypressed events on Android. It's HERE.
Questions are:
Should I follow this route?
Or is there a good module avaiable for this?
Any generic javascript option available (no DOM)?
Any suggestions or better ideas of how to deal with the
problem?
Thanks.
passwordMask is a boolean textfield property. If you need to dynamically toggle it, just do so in the controller like
if (condition){
textFieldName.passwordMask = true;
}