react-native-paper icon indicating copy to clipboard operation
react-native-paper copied to clipboard

react-native-paper TextInput change height

Open Softkeydel opened this issue 3 years ago • 4 comments

Current behaviour

1.Changing TextInput height icon and text alignment is not working properly photo_6147924464076173696_y 2. How to use MaterialCommunityIcons or other in TextInput
photo_6147924464076173698_y

Expected behaviour

  1. Changing TextInput height icon and text alignment should be working properly
  2. Using MaterialCommunityIcons should be working properly

Code sample

        <TextInput
          theme={{ roundness: 20 }}
          style={{ height: 40, justifyContent: "center", textAlignVertical: 'center' }}
          placeholder='placeholder'
          left={<MaterialCommunityIcons name={"eye-off"} />}
          value={text}
          onChangeText={text => setText(text)}
        />

Screenshots (if applicable)

What have you tried

Your Environment

software version
ios or android android
react-native 0.70.1
react-native-paper 4.12.4
react-native-vector-icons 9.2.0

Softkeydel avatar Sep 20 '22 18:09 Softkeydel

Couldn't find version numbers for the following packages in the issue:

  • react-native-vector-icons

Can you update the issue to include version numbers for those packages? The version numbers must match the format 1.2.3.

github-actions[bot] avatar Sep 20 '22 18:09 github-actions[bot]

Hey! Thanks for opening the issue. The issue doesn't seem to contain a link to a repro (a snack.expo.dev link or link to a GitHub repo under your username).

Can you provide a minimal repro which demonstrates the issue? A repro will help us debug the issue faster. Please try to keep the repro as small as possible and make sure that we can run it without additional setup.

github-actions[bot] avatar Sep 20 '22 18:09 github-actions[bot]

| react-native-vector-icons |9.2.0

updated the issue

Softkeydel avatar Sep 20 '22 18:09 Softkeydel

Current behaviour

1.Changing TextInput height icon and text alignment is not working properly photo_6147924464076173696_y 2. How to use MaterialCommunityIcons or other in TextInput photo_6147924464076173698_y

Expected behaviour

  1. Changing TextInput height icon and text alignment should be working properly
  2. Using MaterialCommunityIcons should be working properly

Code sample

        <TextInput
          theme={{ roundness: 20 }}
          style={{ height: 40, justifyContent: "center", textAlignVertical: 'center' }}
          placeholder='placeholder'
          left={<MaterialCommunityIcons name={"eye-off"} />}
          value={text}
          onChangeText={text => setText(text)}
        />

Screenshots (if applicable)

What have you tried

Your Environment

software version ios or android android react-native 0.70.1 react-native-paper 4.12.4 react-native-vector-icons 9.2.0

You should better update your react-native-vector-icons version. If, you do that, then it would solve your issue.

abdullahkhan70 avatar Sep 22 '22 05:09 abdullahkhan70

Hello 👋, this issue has been open for more than a month without a repro or any activity. If the issue is still present in the latest version, please provide a repro or leave a comment within 7 days to keep it open, otherwise it will be closed automatically. If you found a solution or workaround for the issue, please comment here for others to find. If this issue is critical for you, please consider sending a pull request to fix it.

github-actions[bot] avatar Oct 24 '22 02:10 github-actions[bot]