React-native-gesture-handler: borderRadius en RectButton en Android

Creado en 23 nov. 2017  ·  4Comentarios  ·  Fuente: software-mansion/react-native-gesture-handler

Establecer borderRadius en RectButton en realidad no redondea las esquinas. La solución actual es envolver un RectButton con una vista que tenga un borderRadius establecido.

Comentario más útil

¿Por qué está cerrado? Todavía no puedo configurar borderRadius en RectButton.

Establecer borderRadius en RectButton en realidad no redondea las esquinas. La solución actual es envolver un RectButton con una vista que tenga un borderRadius establecido.

Tampoco funcionó.

Screenshot_1

El borde representa la vista que envuelve RectButton y el área gris el propio RectButton.

Código:

<View style={style.borderRadiusOf50}>
  <RectButton>
    <View accessible style={[style.square, style.squareTypeOne]}>
      <Image
        resizeMode="center"
        source={oxygenLogo}
        style={style.logo}
      />
      <Text style={style.buttonLabel}>
        Recarga de cilindros de oxigênio
      </Text>
    </View>
  </RectButton>
</View>

Solución

Descubrí mientras escribía este comentario que RectButton necesita backgroundColor para que borderRadius funcione. También revisé los documentos y no hay nada que mencione este requisito, por lo que no es intuitivo.

Todos 4 comentarios

Lo mismo con borderWidth y borderColor

Este tema ha sido referido en uno de los PRs. Tan pronto como se haya fusionado, supongo que el problema se resolverá.
cierro el tema

¿Por qué está cerrado? Todavía no puedo configurar borderRadius en RectButton.

Establecer borderRadius en RectButton en realidad no redondea las esquinas. La solución actual es envolver un RectButton con una vista que tenga un borderRadius establecido.

Tampoco funcionó.

Screenshot_1

El borde representa la vista que envuelve RectButton y el área gris el propio RectButton.

Código:

<View style={style.borderRadiusOf50}>
  <RectButton>
    <View accessible style={[style.square, style.squareTypeOne]}>
      <Image
        resizeMode="center"
        source={oxygenLogo}
        style={style.logo}
      />
      <Text style={style.buttonLabel}>
        Recarga de cilindros de oxigênio
      </Text>
    </View>
  </RectButton>
</View>

Solución

Descubrí mientras escribía este comentario que RectButton necesita backgroundColor para que borderRadius funcione. También revisé los documentos y no hay nada que mencione este requisito, por lo que no es intuitivo.

¿Por qué está cerrado? Todavía no puedo configurar borderRadius en RectButton.

Establecer borderRadius en RectButton en realidad no redondea las esquinas. La solución actual es envolver un RectButton con una vista que tenga un borderRadius establecido.

Tampoco funcionó.

Screenshot_1

El borde representa la vista que envuelve RectButton y el área gris el propio RectButton.

Código:

<View style={style.borderRadiusOf50}>
  <RectButton>
    <View accessible style={[style.square, style.squareTypeOne]}>
      <Image
        resizeMode="center"
        source={oxygenLogo}
        style={style.logo}
      />
      <Text style={style.buttonLabel}>
        Recarga de cilindros de oxigênio
      </Text>
    </View>
  </RectButton>
</View>

Solución

Descubrí mientras escribía este comentario que RectButton necesita backgroundColor para que borderRadius funcione. También revisé los documentos y no hay nada que mencione este requisito, por lo que no es intuitivo.

¡Gracias! La configuración backgroundColor ayudó

¿Fue útil esta página
0 / 5 - 0 calificaciones

Temas relacionados

rt2zz picture rt2zz  ·  4Comentarios

enahum picture enahum  ·  4Comentarios

wcandillon picture wcandillon  ·  4Comentarios

brunolemos picture brunolemos  ·  3Comentarios

neiker picture neiker  ·  3Comentarios