Questions tagged [react-native-ui-components]
14 questions
8
votes
2 answers
How to put array on WritableMap object in ReactNative bridge
To communicate with Android to ReactNative I use RCTEventEmitter. Using this I need parse array to RN side and this array should set on WritableMap object.
On WritableMap object can put Array as shown below,
void putArray(@NonNull String key,…

E J Chathuranga
- 927
- 12
- 27
3
votes
1 answer
Example for ReactPropGroup
I'm implementing a new native UI component for my project. For some reason, I need to set 2 properties at the same time using one method. By using ReactProp I can set only one property like this:
@ReactProp(name = "mode")
public void…

hamidfzm
- 4,595
- 8
- 48
- 80
1
vote
0 answers
I keep getting a 'kotlin.UninitializedPropertyAccessException' when trying to create a mapView react-native UI Component in Kotlin
I am trying to create a react-native UI component, using Kotlin on the Android side. I set up the project using Bob, "https://github.com/callstack/react-native-builder-bob", then customized the ViewManager, Package, and created a View.
The…

Spelebrimbor
- 11
- 1
1
vote
1 answer
Custom Views React Native - Custom shape
I am Developing an app in react native, where I have to create this custom shape.
Can anyone help me with this ?
Here is the screenshot of view
Thanks

Sathish canine
- 21
- 8
1
vote
0 answers
When using React Native FlatList there comes space between rows when the content length differs and there are more than 1 columns. Any fix for this?
[This is the flatlist layout with numColumns={2[The FlatList component][1]}]2

Monisankar Nath
- 11
- 1
1
vote
1 answer
How to show actual value and original option id in Select option UI kitten?
I am fetching data from API for the options to display in Select component of UI Kitten
data format is like this
const data = [
{
"id": 1,
"name": "General",
},
{
"id": 2,
"name": "Other Category",
},
…

HaryanviDeveloper
- 1,005
- 1
- 8
- 15
1
vote
0 answers
custom dynamic table in react native?
I am working on the dynamic custom table, the table header and its corresponding data needs to be changed.
The structure of the data
{
type:"table1",
headers:["h1", "h2", "h3"],
columns:[
["cell1", "cell2", "cell3"],
["cell1", "cell2",…

vijay
- 53
- 2
- 12
1
vote
1 answer
How to create a custom listview like this with react native?
I am new to React Native development. I tried to recreate the below listview with react native and It failed. I just want to know if we can recreate below UI design with react native or the name of this listview type.
Thank You.

Isuru Prabath
- 25
- 7
0
votes
0 answers
Circular orientation of multiple image in React native
How to do the following UI in React Native.
Can any one suggest?
Don't need any animation.

Md.Mominul Islam
- 127
- 6
0
votes
0 answers
react-native android shows blur(foggy) view on samsuns-10 device,
I haven't use any blur effect but in my samsung device it showing foggy view foggy image
I have trying to refresh the view but not getting proper solution
0
votes
1 answer
React Native Responsive design for screen rotation
I am using React Native to create an iOS and Android App. The app contains responsive design, so that it fits all the screen sizes in Android and iOS smartphones. But when user rotates the phone, the UI just got cluttered, on some phones it split…

DevPy
- 439
- 6
- 17
0
votes
1 answer
Create Card with Login/SignUp Tabs in React Native
Hi I want to create a card with Login and SignUp tabs with react native, I am using react native elements but dont know how to add a tab in the card, Here's of image of what I want

Talha Nadeem
- 99
- 1
- 4
- 22
0
votes
1 answer
Credit/Debit card custom input fields in React native
I want to create inputText to enter credit card number. I can achieve this using 16 different but is there any other way without any npm library I can implement this. Also how can I highlight the cursor

vicky keshri
- 447
- 5
- 16