The properties shake of the Input have no effect when used

Abierto
#3,947 1 comentario 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
3/5
Tiempo estimado
1-2 días
Aptitud para principiantes
20/100
Tipo de issue
Error
Claridad
Necesita aclaración
Estado de actividad
Estancado
Stack tecnológico
react-native
Área
mobile

Línea de trabajo

Start with the Input component and reproduce the behavior using the supplied JSX and the listed @rneui/base and @rneui/themed versions. Check whether the shake callback and related properties are applied to the rendered view. Done means the reported properties produce their expected visible effect, with a regression test if the project provides one.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

Needs Triage
Is there an existing issue for this?
  • I have searched the existing issues
Explain what you did

I am verifying all the properties of the Input, but using these three properties has no effect

Expected behavior

These properties have no effect on the view after use. I am not sure if it is a problem with the properties or my code. I will provide my code below

Describe the bug

No effect on the view

Steps To Reproduce
<View style={styles.container}>
              <Text style={styles.subText}>shake</Text>
              <Input
                inputStyle={{ color: '#222222' }}
                shake={() => {
                  const shakeAnimationValue = new Animated.Value(0);
                  shakeAnimationValue.setValue(0);
                  Animated.timing(shakeAnimationValue, {
                    duration: 375,
                    toValue: 3,
                    easing: Easing.bounce,
                    useNativeDriver: true,
                  }).start();
                }}
                rightIconContainerStyle={{
                  width: 40,
                  borderWidth: 1,
                  backgroundColor: 'blue',
                  paddingLeft: 5,
                  borderRadius: 20,
                }}
                rightIcon={{
                  type: 'font-awesome',
                  name: 'close',
                  color: 'pink',
                  size: 30,
                }}
                labelStyle={{ fontSize: 30, fontWeight: '400', color: 'pink' }}
                label="label"
                placeholder="INPUT WITH MESSAGE"
              />
            </View>
Screenshots

No response

Your Environment

"@rneui/base": "^4.0.0-rc.7",
"@rneui/themed": "^4.0.0-rc.8",

Lenguaje dominante
MDX
Estrellas
25.9k
Forks
4.7k
Sin PR fusionados en 30 d

Guía de contribución

Abrir la guía de contribución

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de react-native-elements/react-native-elements

Todos los issues de react-native-elements/react-native-elements

Issues similares

Más issues de Mobile Dev

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.