react / react/react-native

`borderBottomColor` does not override `borderColor` on Android (RN 0.72)

Aperta
#38,335 9 commenti 9 reazioni 1 assegnatario Vedi su GitHub

@Titozzz ci sta già lavorando.

Dal 22/8/2023.

Bug Issue: Author Provided Repro Platform: Android
Lingua principale
C++
Stelle
127k
Fork
25.3k
Merge medio
1g 23h
PR unite (30g)
4

Descrizione

Description

When using a borderColor and borderBottomColor with different values on the same View:

Expected result: 3 borders have the borderColor color, and 1 has the borderBottomColor color.

Actual result (on Android, with RN 0.72): the 4 borders have the borderColor color.

This seems to be a regression from RN 0.71.8, where the issue is not present.

React Native Version

0.72.3

Output of npx react-native info
System:
  OS: macOS 13.5
  CPU: (10) arm64 Apple M1 Pro
  Memory: 104.83 MB / 16.00 GB
  Shell:
    version: "5.9"
    path: /bin/zsh
Binaries:
  Node:
    version: 18.16.1
    path: ~/Library/Caches/fnm_multishells/21852_1689230437449/bin/node
  Yarn:
    version: 3.6.1
    path: /opt/homebrew/bin/yarn
  npm:
    version: 9.5.1
    path: ~/Library/Caches/fnm_multishells/21852_1689230437449/bin/npm
  Watchman:
    version: 2023.07.10.00
    path: /opt/homebrew/bin/watchman
Managers:
  CocoaPods:
    version: 1.11.3
    path: /Users/matthieugicquel/.gem/ruby/3.1.0/bin/pod
SDKs:
  iOS SDK:
    Platforms:
      - DriverKit 23.0
      - iOS 17.0
      - macOS 14.0
      - tvOS 17.0
      - watchOS 10.0
  Android SDK:
    API Levels:
      - "33"
      - "33"
    Build Tools:
      - 30.0.3
      - 33.0.0
      - 33.0.2
    System Images:
      - android-33-ext5 | Google Play ARM 64 v8a
    Android NDK: Not Found
IDEs:
  Android Studio: 2022.1 AI-221.6008.13.2211.9619390
  Xcode:
    version: 15.0/15A5160n
    path: /usr/bin/xcodebuild
Languages:
  Java:
    version: 11.0.19
    path: /usr/bin/javac
  Ruby:
    version: 3.1.4
    path: /opt/homebrew/opt/ruby@3.1/bin/ruby
npmPackages:
  "@react-native-community/cli": Not Found
  react:
    installed: 18.2.0
    wanted: 18.2.0
  react-native:
    installed: 0.72.3
    wanted: 0.72.3
  react-native-macos: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: false
iOS:
  hermesEnabled: true
  newArchEnabled: false
Steps to reproduce

Here are screenshots and a minimal example:

Capture d’écran 2023-07-13 à 13 06 21
const App = () => {
  return <View style={styles.buggy} />;
};

const styles = StyleSheet.create({
  buggy: {
    height: 100,
    width: 100,
    borderWidth: 1,
    backgroundColor: "lightgray",
    borderColor: "transparent",
    borderBottomColor: "blue",
  },
});
Snack, code example, screenshot, or link to a repository

https://snack.expo.dev/@matthieugc/border-color-wrongly-combined

⚠️ snack doesn't provide expo SDK 49 so you won't see the bug here for now

Guida per i contributori

Apri la guida per i contributori

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Valutazione

Questa issue non è ancora stata valutata.

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.