githuboftigran / rn-range-slider

A native slider with range
MIT License
234 stars 130 forks source link

Slider isn't visible #110

Closed Harsh2110mishra closed 2 years ago

Harsh2110mishra commented 2 years ago

Slider is not showing in my App.

import RangeSlider from "rn-range-slider";
import Thumb from "../components/Slider/Thumb";
import Rail from "../components/Slider/Rail";
import RailSelected from "../components/Slider/RailSelected";
import Lable from "../components/Slider/Lable";
import Notch from "../components/Slider/Notch";

<Slider
                            style={{
                              width: wp("88.89%"),
                              height: 80,
                              transition: "none",
                            }}
                            gravity={"center"}
                            min={0}
                            max={500}
                            low={this.state.rangeLow}
                            high={this.state.rangeHigh}
                            step={1}
                            renderThumb={() => {
                              <Thumb />;
                            }}
                            renderRail={() => {
                              <Rail />;
                            }}
                            renderRailSelected={() => {
                              <RailSelected />;
                            }}
                            renderLabel={() => {
                              <Label text={500} />;
                            }}
                            renderNotch={() => {
                              <Notch />;
                            }}
                            selectionColor="#3C5A5F"
                            blankColor="#E9E9E9"
                            thumbColor="#3C5A5F"
                            thumbBorderColor="#3C5A5F"
                            labelStyle={"none"}
                            onValueChanged={(low, high, fromUser) => {
                              this.setState({ rangeLow: low, rangeHigh: high });
                            }}
                          />

Screenshot_1626766846

githuboftigran commented 2 years ago

@Harsh2110mishra , slider shows up normally. Please check your code in screen.