Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

Outline styles aren't parsed in React Native

オープン 初心者向け
#467 コメント 1 件 リアクション 0 件 担当者 0 名 GitHub で見る

@hoangvvo がすでに取り組んでいます。

2026年5月15日 から。

  • #480 @hoangvvo による — オープン
  • #493 @MoOx による — オープン

評価

難易度
2/5
見積もり時間
1〜3時間
初心者へのやさしさ
65/100
issue の種類
バグ
明瞭さ
おおむね明確
活発さ
静か
技術スタック
javascript, react-native
領域
mobile-dev

調査の方向性

まず packages/react-strict-dom/src/native/css/isAllowedStyleKey.js の outline 関連ロジックの周辺を確認し、その後 packages/website/docs/api/02-css/index.md の outline サポートに関する記述と比較してください。React Native 0.84 で version.experimental がパースにどのように影響するかを確認してください。outline スタイルがその条件なしでパースされるか、ドキュメントに必要な experimental の設定が明確に記載されていれば完了です。

索引モデルが issue の本文から書いたものです。

説明

bug
Describe the issue

The documentation states that outline* style props should be supported (and have built-in React Native support) - https://github.com/facebook/react-strict-dom/blob/05226645531de66ae8d0f06c48c10e0526dfd438/packages/website/docs/api/02-css/index.md?plain=1#L202-L205

In reality in React Native, they're properly parsed only if criteria for version.experimental are met: https://github.com/facebook/react-strict-dom/blob/05226645531de66ae8d0f06c48c10e0526dfd438/packages/react-strict-dom/src/native/css/isAllowedStyleKey.js#L170-L175

Expected behavior

outline* styles are correctly parsed as they're long-present functionality of RN (available since 0.77) or alternatively documentation provides correct information and specifies how to turn on the experimental support

Steps to reproduce

RSD version: 0.0.55
React Native version: 0.84.0
React version: 19.2.3
Browser: Google Chrome

  1. Define CSS styles using outline properties:
const styles = css.create({
  test: {
    outlineColor: "#000000",
    outlineWidth: 1,
    outlineStyle: "solid",
});
  1. Apply them to a component:
<html.div style={styles.test}>...</html.div>
  1. Render the component in a React Native app and observe how the styles are rendered

  2. (Optionally) console.log the resolved styles - the outline properties will be excluded

Test case

No response

Additional comments

No response

主要言語
JavaScript
スター
3.6k
フォーク
208
PR マージ指標
30日以内にマージされた PR はありません

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

react/react-strict-dom のほかの issue

react/react-strict-dom の issue をすべて見る

似ている issue

JavaScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。