More than 3 years have passed since last update.

ReactNative for WebのTextInputでアウトラインを消す方法

Posted at 2020-10-05

はじめに

ReactNative for WebのTextInputにてフォーカスした際に出てくる線(アウトライン)を削除したい。

outlineWidth: 0 を指定すれば解決するがアプリだと落ちてしまうので以下の指定をすると良い

<TextInput
  style={{
    width: '100%',
    ...Platform.select({
      web: {
        outlineWidth: 0
      }
    })
  }}
/>