SwiftUI4RN

Style.jsx

import React, { Component } from 'react';
import { AppRegistry, StyleSheet, Text, View } from 'react-native';

const styles = StyleSheet.create({
  bigBlue: {
    color: 'blue',
    fontWeight: 'bold',
    fontSize: 30,
  },
  red: {
    color: 'red',
  },
});

export default class LotsOfStyles extends Component {
  render() {
    return (
      <View>
        <Text style={styles.red}>just red</Text>
        <Text style={styles.bigBlue}>just bigBlue</Text>
        <Text style={[styles.bigBlue, styles.red]}>bigBlue, then red</Text>
        <Text style={[styles.red, styles.bigBlue]}>red, then bigBlue</Text>
      </View>
    );
  }
}

// skip this line if using Create React Native App
AppRegistry.registerComponent('AwesomeProject', () => LotsOfStyles);

Style.swift

import UIKit
import SwiftUI
import PlaygroundSupport

// https://facebook.github.io/react-native/docs/style

struct LotsOfStyles: View {
    
    var body: some View {
        Group {
            Text("just red").color(Color.red)
            Text("just bigBlue")
                .color(Color.blue)
                .fontWeight(Font.Weight.bold)
                .font(Font.system(size: 30))
            Text("bigBlue, then red")
                .color(Color.blue)
                .fontWeight(Font.Weight.bold)
                .font(Font.system(size: 30))
                .color(Color.red)
            Text("red, then bigBlue")
                .color(Color.red)
                .color(Color.blue)
                .fontWeight(Font.Weight.bold)
                .font(Font.system(size: 30))
        }
    }
}

PlaygroundPage.current.liveView = UIHostingController(rootView: LotsOfStyles())