All Questions
242 questions
0
votes
0
answers
21
views
Bar Icon onTouchEnd problem with animation on mobile device
I created a bar that looks like macOS bar, but when I'm using my phone, I clicked and the animation look like this, like it hasn't done its hover animation:
It should look like this when I click (...
- 119
0
votes
1
answer
137
views
How to disable scrolling when user tries to choose a color with color picker?
I have a Scrollable area (by Radix UI) and a color picker (Chrome picker from React Color) in it.
When the user tries to pick a color on a mobile phone, the screen scrolls with his/her gestures. Thats ...
- 2,676
1
vote
0
answers
38
views
Adaptation of the interface when the on-screen keyboard is switched on
When you activate the input\textarea, the height changes, so that certain elements are no longer available, and others overlap. I'm using react js, is there any way to adapt the interface when the ...
- 11
0
votes
0
answers
33
views
Expo React, use hook from outside a export default func app
I need assistance with expo and react Hooks
I need to manipulate the hook display (profil.tsx) from outside an app export. From the last file login.js from a regular JS function.
Is there a way I can ...
- 11
0
votes
0
answers
20
views
How to prevent scrolling from stopping due to the touch of the external area in mobile web browser with React
I created a mobile web page with React.
This page sets the timer.
Drag the hours, minutes, and seconds with your finger to scroll through the component and select a number.
There is a problem.
Hours, ...
- 47
0
votes
1
answer
95
views
What event to listen to for mobile tab switches
I currently have this piece of react code to listen to call reconnectedCallback.
import { useEffect, useState } from "react";
import usePrevious from "../usePrevious";
const ...
- 15
0
votes
1
answer
316
views
How to prevent scrolling when touching a certain html element on a touch device?
I have a simple browser game which is finished on desktop, but which I am trying to make work on mobile.
The current problem is that when the user uses a touchscreen to make a vertical dragging motion ...
- 37.2k
5
votes
2
answers
542
views
Detect mobile device movements
Using: Next.JS 14.0.4; iPhone 14
I need to detect if and how user moves his phone using React.JS (I'm using Next.JS 14.0.4). For this purpose I began looking for some libraries that can detect it with ...
- 529
0
votes
1
answer
59
views
How do i access the values in this date (object?)
in the following code, how can I access the date and time?
I also tried using the functions in the Text block to no avail. I'm not sure what I'm doing wrong and how to access this object, or how to ...
- 27
1
vote
0
answers
103
views
Does react native code get compiled differently depending on the platform?
I've started learning react native and trying to understand the architecture, I'm a bit confused by a few things I've read. I get that the react-native code is bundled by the metro bundler into a ...
- 2,059
0
votes
1
answer
82
views
Popup window keeps closing when typing in its text box
I have this app where, in the home screen, there is a button that triggers a popup screen where I can type some text. The issue is that whenever I put any kind of text in either of the two text boxes (...
- 11
0
votes
2
answers
326
views
How to use React Native code, which is available as a string, in my application?
I have some react native code available in a string variable:
let customCode='<View><Text style={{fontSize:20}}>Hello World!</Text></View>'
How can I use this in my react ...
- 3
1
vote
0
answers
47
views
And Select stops working in mobile phones
I have a Modal with Form inside. Form has Select fields and in mobile devices Select dropdown does not work. When I click on Select field dropdown shows for a second and hides.
My code sample:
<...
- 21
2
votes
3
answers
1k
views
react native navigation.goback is not a function
For Context, I am trying to learn React Native to build a small mobile application. I read over the docs at reactnavigation.org and got my basic structure set up, and then went on to follow this guide ...
- 92
1
vote
0
answers
111
views
Show progress in rendering React Native Component
I have a React Native app with a MapView (react-native-maps).
The MapView is fullscreen and when a user navigates to the screen with this MapView a couple things happen:
fetch requests are made to ...
- 49