Questions tagged [react-native]

React Native lets you build mobile apps using only JavaScript. It uses the same design as React, letting you compose a rich mobile UI from declarative components. The focus of React Native is on developer efficiency across all the platforms you care about - learn once, write anywhere.

Filter by
Sorted by
Tagged with
3
votes
1answer
42 views

React-native component

I've written this react-native component which is giving me a bad feeling that it's not as good as my expectations. I want to make it look cleaner with smart and less code. ...
0
votes
0answers
17 views

React native: Using redux for a couple of components only

I have a mobile app built using react native, the app's core functionality is to process payments. It has some screens to view transactions, merchants and some other stuff. When i started building the ...
1
vote
0answers
25 views

Minimize Hard Coding in React Native

Can anybody help me to minimize my hard coding? Also please give me any suggestions for improving my code for the future? My Source Code: ...
5
votes
1answer
42 views

How can I implement this React Native component without relying on a conditional statement?

I have a component, it's actually an entire screen in my application. This screen/component renders multiple other components. However, what it renders is conditional. Currently, I have an if ...
1
vote
0answers
68 views

React Native form for entering one-time password [closed]

Here is the React Native code to optimize: it's an OTP form. I want it to be as small as possible. ...
1
vote
0answers
32 views

React Native Lazy Collapsible Panel

What is it? React native Accordion Collapsible Panel. You pass the summary (always shown bit) and the detail (sometimes hidden bit). If the detail is passed as a function or promise (ie async ...
0
votes
0answers
27 views

React language localisation

I have made this Language Localization for React Native (it can also work for react js). It works by getting the device language. The user can also manually change it. ...
2
votes
1answer
36 views

Date prompt React.js component

I have created a date component (working GIF at the bottom; please ignore the styling). There isn't a problem with the working of the code but rather the code I wrote seems messy and something hard ...
1
vote
0answers
206 views

Monitoring Services And Characteristics on React-Native [closed]

I have two questions for you about my code :) I'm creating an android to connect to ble device. I'm using ble-plx library. ...
0
votes
0answers
44 views

React filtering by key strings

I have the following code to filter some items by the keys. ...
5
votes
1answer
49 views

Comparing 2 iOS and Android versions

Please review and let me know which version is better. I'm just trying to find any caveats or better ways to accomplish the a version comparison independent from Android and iOS. Formats accepted: '1....
3
votes
1answer
161 views

React code to build shopping cart

I have built a basic shopping cart simulator. All it does is add and remove items between two different basket (i.e. aisle vs basket). While working on the problem I started to think about the ...
1
vote
0answers
427 views

React Native app screen for booking appointments

I've been building a two-sided (both clients and service providers would use the app) appointment booking app. This is a screen from which a service provider can confirm their profile after having ...
4
votes
1answer
96 views

Creating directory within Application Support, and preventing iCloud backup

I'm using react native to build an iOS app, but have little to no experience in obj C or iOS development. The app I'm building has a bunch of content files that aren't user specific, will be ...
1
vote
0answers
1k views

Get count of unread messages from google firestore

I am creating an app (with react native) on where messages can be viewed. On the home screen you can see a badge with the unread/new messages. It shows the badge (after a short delay, you will see ...
3
votes
0answers
768 views

React native circular progress view

This is a functional component that I have developed in React Native for creating a circular progress view. The code does not use any external libraries, just pure CSS. Article that I wrote while ...
0
votes
1answer
215 views

Common styles in React-Native

Background: I am completely new to react-native. Question: Is there any reason why I shouldn’t do this from an experienced point of view? Goal: - have common styles in my react-native app? - use ...
1
vote
0answers
4k views

Custom header with React-Navigation and React-Native-Paper

Thanks to the discussion in this issue combined with issue 1886 and issue 716 and issue 570 I was able to integrate the Toolbar of react-native-paper and with react-navigation. As I am quite new to ...
0
votes
1answer
428 views

Using a destructuring assignment on a style object to extract two members

Recently, one of my colleague decided to destructure the React-Native styles object this way: ...
2
votes
0answers
43 views

Create exact replica of react component with different name

I have a react native component called "width". It has 3 width values which have associated <TextInput>s which map to the redux store as ...
1
vote
0answers
141 views

Squares with different background colors

Titles is an array populated by numbers (1, 2 and 3). Depending on the number, a Square component should have a different ...
2
votes
0answers
1k views

Small camera app in react-native for Android

I'd like you to help me review a small camera app. Most of the code comes from here; I just changed it a little bit. I started dabbling with react-native for the first time. It seems kinda neat but I ...
7
votes
1answer
3k views

React Native - Combining login and signup pages into one component

I have been building an app in React Native and have decided that since my Login and Signup components share much of the same ...
7
votes
0answers
4k views

React Native - Rendering different scenes based on application state

I am using react-native-router-flux to organize the routes for my application. Using Firebase, I am able to call ...