callstack / callstack/react-native-slider

Sliders with a Negative Min and Max Values are assigned '0' as Max value

Open
#418 6 comments 0 reactions 1 assignee Claimed by @BartoszKlonowski View on GitHub
bug report platform: Windows
Dominant language
TypeScript
Stars
1.4k
Forks
295
Avg merge
5m
Merged PRs (30d)
1

Description

## Environment

info Fetching system and libraries information...
System:
OS: Windows 10 10.0.19044
CPU: (16) x64 Intel(R) Core(TM) i7-10700 CPU @ 2.90GHz
Memory: 19.72 GB / 31.78 GB
Binaries:
Node: 14.17.4 - C:\Program Files\nodejs\node.EXE
Yarn: 1.22.5 - C:\Program Files (x86)\Yarn\bin\yarn.CMD
npm: 6.14.14 - C:\Program Files\nodejs\npm.CMD
Watchman: Not Found
SDKs:
Android SDK: Not Found
Windows SDK:
AllowDevelopmentWithoutDevLicense: Enabled
AllowAllTrustedApps: Enabled
Versions: 10.0.18362.0, 10.0.19041.0
IDEs:
Android Studio: Not Found
Visual Studio: 16.11.31605.320 (Visual Studio Professional 2019)
Languages:
Java: Not Found
npmPackages:
@react-native-community/cli: Not Found
react: 18.0.0 => 18.0.0
react-native: 0.69.0 => 0.69.0
react-native-windows: 0.69.5 => 0.69.5
npmGlobalPackages:
*react-native*: Not Found

## Description

I'm working on a React Native Windows project running the latest version of "@react-native-community/slider": "^4.3.0". We don't support iOS or Android so I can't replicate for those platforms.

We have some sliders that work with wholey negative ranges, an example being (-102, -86).

When initally rendered, the slider has a range of (-102, 0), instead of the given range (-102, -86).

In development mode I can change the max value and the range will render correctly, so this seems to be an issue with the inital render.

See below video:

https://user-images.githubusercontent.com/90039954/184871247-697ec5ef-1997-4042-a365-42844eaffbec.mp4

## Reproducible Demo

```
import Slider from '@react-native-community/slider';
import React, { useState } from 'react';
import {
SafeAreaView,
Text,
} from 'react-native';

const App = () => {
const [valueText, setValueText] = useState(-86)

return (


{valueText}


);
};

export default App;
```

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.