React Nativeを使用しているときにネイティブエレメントをスタイルすることはできますか？

Question

私はreact-native-desktopを見ていますが、コンポーネントを使用するときにはスタイルを設定できますが、CSSを使用したいのですか？ NSSegmentedControlのスタイリングは簡単ではなく、RNが実際にコンポーネントのスタイリングによってネイティブエレメントをカスタマイズできる場合は驚くはずです。

サブクラス化はどのようにReact Nativeで動作しますか？それは可能でも、あなたは単純にネイティブに見えるコントロールやビューに限定されますか？

Answer 1

は、ちょうどreact-nativeのフォークであるため、スタイルはReact Nativeと同じように動作します。あなたがReact Nativeに精通しておらず、どのようにスタイルを実装しているかに関わらず、「CSS-in-JS」アプローチを使用します。私は以下のサンプルスタイルオブジェクトを含んでいます。 React Native DocsのStylesセクションをご覧ください。

const styles = StyleSheet.create({ 
    container: { 
    flex: 1, 
    }, 
    image: { 
    width: 200, 
    height: 100, 
    }, 
    background: { 
    backgroundColor: '#c6c6c6', 
    }, 
    active: { 
    borderWidth: 2, 
    borderColor: '#0077CC', 
    }, 
});