All Questions
620 questions
232
votes
15
answers
532k
views
How to center a component in Material UI and make it responsive?
I don't quite understand the Material UI grid system. If I want to use a form component for login, what is the easiest way to center it on the screen on all devices (mobile and desktop)?
- 2,555
89
votes
9
answers
25k
views
When should I add Redux to a React app?
I'm currently learning React and I am trying to figure out how to use it with Redux for building a mobile app. I'm kind of confused on how the two are related/usable together. For example, I completed ...
- 2,602
74
votes
7
answers
61k
views
How to detect when a React Native app is closed (not suspended)?
I have looked everywhere and cannot find an answer to this. How can I detect when a user is trying to close my React Native app (as in the process is running, and they manually manage their apps and ...
- 934
53
votes
2
answers
15k
views
Can a React-Redux app really scale as well as, say Backbone? Even with reselect. On mobile
In Redux, every change to the store triggers a notify on all connected components. This makes things very simple for the developer, but what if you have an application with N connected components, and ...
- 11.7k
38
votes
10
answers
78k
views
How to create two columns with space beetwen in react native - flatList
Hi i'm new in React Native.
I am trying to create two columns layout with space beetween using react native component called flatList.
Here is my view Code:
<View style={styles.container}>
...
- 545
26
votes
6
answers
26k
views
Can touch out side a View Component be detected in react native?
My React native application screen has View component with few text inputs. How can touch be detected on screen outside that View? Please help.
Thanks
- 1,055
22
votes
7
answers
39k
views
How do I recognize swipe events in React?
I'm currently developing a React app and I want to detect swipe events (left, right) on a div element (on mobile devices).
How do I achieve this without any additional libraries?
- 3,129
19
votes
3
answers
25k
views
Hide mobile browser's address bar on load (IOS / Android) in React
Safari and Chrome on mobile devices both include a visible address bar when a page loads. As the body of the page scrolls, the URL bar minimises:
My project is based on React JS and I am trying to ...
- 203
15
votes
5
answers
29k
views
Material UI - Responsive Drawer
Does anyone know how to, or know of any examples of how to create a reactive Appbar and Drawer?
It needs to be able to dynamically un-dock the drawer and hide when the browser is small and dock the ...
- 2,354
15
votes
1
answer
42k
views
React js Material-UI responsive table
I am building a web application in react js and I'm using the material-ui components library. I'm using the table component and it looks good on desktop but I want it to adjust and look good also on ...
- 201
14
votes
5
answers
125k
views
react-native android error Failed to install the app native_modules.gradle' line: 170 [duplicate]
running react-native run-android in windows but get this error:
error Failed to install the app. Make sure you have the Android development environment set up: https://facebook.github.io/react-...
- 286
13
votes
2
answers
21k
views
react-native: borderRadius does not frame component right
The borderRadius style attribute doesn't change the border of a component correctly.
I would expect to see a green circle on the red background without any white space. Instead, I see this.
class ...
- 1,188
13
votes
4
answers
8k
views
Sticky HTML element gets hidden below the Mobile navigation bar in chrome / Firefox mobile browser. How to fix this? [ UPDATED ]
REQUIREMENT :
I have an action bar with button called Next Scale, which is of position: sticky and bottom: 0 in mobile view.
I want this HTML element to stick to the bottom of the viewport as we ...
- 644
12
votes
5
answers
31k
views
How do I get my React TextField to open the number pad when inputting on a mobile device?
I have a React TextField that is taking user input and it is representing a date. When the user clicks on the field I want the number keyboard to open instead of the full alphabet. I was looking at ...
- 2,731
11
votes
5
answers
8k
views
React: onClick on Mobile (iPhone) requires 2 taps?
Video demonstrating issue
I have a bunch of clickable components that, when clicked, adds a "card" to a row. On desktop, it works fine, but on mobile (tested on iPhone, does not seem to be an issue ...
- 2,917