Giter VIP home page Giter VIP logo

Comments (14)

maroparo avatar maroparo commented on August 26, 2024 1

@lfkwtz this is my styling

const pickerSelectStyles = {
    inputIOS: {
        fontSize: 16,
        paddingTop: 13,
        paddingHorizontal: 10,
        paddingBottom: 12,
        borderColor: 'gray',
        borderRadius: 4,
        backgroundColor: 'transparent',
        color: 'white',
    },
    inputAndroid: {
        color: 'white'
    },
    placeholderColor: 'white',
    underline: {
        borderTopWidth: 0
    },
    icon: {
        position: 'absolute',
        backgroundColor: 'transparent',
        borderTopWidth: 5,
        borderTopColor: 'white',
        borderRightWidth: 5,
        borderRightColor: 'transparent',
        borderLeftWidth: 5,
        borderLeftColor: 'transparent',
        width: 0,
        height: 0,
        top: 20,
        right: 15,
    },
};

from react-native-picker-select.

maroparo avatar maroparo commented on August 26, 2024 1

None from me ... the team decided to proceed with another library. Sorry that I couldn’t help any further. 🙁

from react-native-picker-select.

lfkwtz avatar lfkwtz commented on August 26, 2024

Are you modifying the style object at all?

from react-native-picker-select.

t3rraform avatar t3rraform commented on August 26, 2024

I'm having the same issue and its without style

from react-native-picker-select.

lfkwtz avatar lfkwtz commented on August 26, 2024

Just built a fresh app on RN 0.56 and I'm not seeing it. What RN version / what version of the component? Can you share more code?

from react-native-picker-select.

maroparo avatar maroparo commented on August 26, 2024

from package.json

"react": "16.0.0",
"react-native": "^0.50.0",
"react-native-picker-select": "^4.0.0",

my component ...

`
class FilterScreen extends React.Component {

clicked = false;
constructor(props) {
    super(props);
    this.props.navigator.setOnNavigatorEvent(this.onNavigatorEvent);
    this.state = {
        selectedCity: null,
        cities: [
            {
                value: 1,
                label: "Tirane"
            }
        ],
        selectedSpecialty: null,
        specialties: [
            {
                value: 1,
                label: "Alergolog"
            }
        ]
    };
}

fetchDoctors(location, specialty) {
       //Unrelated Code
};

submitButtonHandler = () => {
  //Unrelated Code
};

render() {
    return (
        <ImageBackground style={styles.backgroundImage} source={backgroundImage}>
            <View style={[styles.container, styles.logoContainer]}>
                <Image
                    width={Dimensions.get('window').width * 0.8}
                    source={logo}
                    style={styles.logo}
                />
            </View>
            <View style={[styles.container, styles.formContainer]}>
                <RNPickerSelect
                    placeholder={{
                        label: 'Zgjidhni qytetin...',
                        value: null,
                    }}

                    items={this.state.cities}

                    onValueChange={(value) => {
                        this.setState({
                            selectedCity: value,
                        });
                    }}

                    style={{...pickerSelectStyles}}

                    value={this.state.selectedCity}
                />
                <View style={{paddingVertical: 5}}/>
                <RNPickerSelect
                    placeholder={{
                        label: 'Zgjidhni specialitetin...',
                        value: null,
                    }}

                    items={this.state.specialties}

                    style={{...pickerSelectStyles}}

                    onValueChange={(value) => {
                        this.setState({
                            selectedSpecialty: value,
                        });
                    }}

                    value={this.state.submitButtonContainer}
                />
                <View style={[styles.submitButtonContainer]}>
                    <TouchableOpacity style={styles.submitButton} onPress={
                        debounce(this.submitButtonHandler, 1000, {
                            leading: true,
                            trailing: false
                        })
                    }>
                        <Text style={styles.submitButtonText}> GJEJ DOKTORIN </Text>
                    </TouchableOpacity>
                </View>
            </View>
        </ImageBackground>
    );
}

}
`

from react-native-picker-select.

lfkwtz avatar lfkwtz commented on August 26, 2024

Read the readme. I haven’t tested the component on 0.50, and 4x isn’t supported on React 16.0.

Let me know if the problem exists after upgrading RN.

from react-native-picker-select.

maroparo avatar maroparo commented on August 26, 2024

@lfkwtz i updated everything and still the same results ...
I doubt that this has something to do with the version of react and or react native.
@eric101110 is having the same issue,,, maybe he can confirm that this has nothing to do with the react native and react version ....

from react-native-picker-select.

lfkwtz avatar lfkwtz commented on August 26, 2024

If one of you could share a repo that reproduces that problem, that would help - since I wasn't able to reproduce this myself.

from react-native-picker-select.

maroparo avatar maroparo commented on August 26, 2024

@lfkwtz I really wish I could . That was the first thing I was going to do but the repo is private and I'm invited to work on it. Maybe @eric101110 is in a different situation ??

from react-native-picker-select.

lfkwtz avatar lfkwtz commented on August 26, 2024

Gotcha, well I'll keep this issue open for a bit to see if @eric101110 wants to chime in.

Your sample code shows value={this.state.submitButtonContainer} -- seems weird based on the name

from react-native-picker-select.

maroparo avatar maroparo commented on August 26, 2024

Thats some value from redux’s initial state but still I have no idea what it was doing there xD ... anyways I removed it and still nothing changed :(

from react-native-picker-select.

robdsoule avatar robdsoule commented on August 26, 2024

@maroparo - If you aren't able to get a repo setup / example we can look at, could you add all the styles you're using in this component just so I can see if I can spot any outer styling that may be impacting how the picker is rendering.

I'm particularly interested in your styles.backgroundImage, styles.container, styles.formContainer, styles.formContainer

Thanks for any extra info
@eric101110 - if you have any extra info that'd be awesome as well

from react-native-picker-select.

lfkwtz avatar lfkwtz commented on August 26, 2024

Any update @maroparo or @eric101110? Going to close this out if not.

from react-native-picker-select.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.