react-native-macos

import React from 'react'; import { AppRegistry, StyleSheet, Text, View, Button } from 'react-native-macos'; const App: React.FC = () => { const handlePress = () => { console.log('Button pressed!'); // In a real app, you might update state or navigate }; return ( <View style={styles.container}> <Text style={styles.welcome}>Welcome to React Native for macOS!</Text> <Text style={styles.instructions}> To get started, edit App.tsx and save to reload. </Text> <Button onPress={handlePress} title="Learn More" color="#841584" accessibilityLabel="Learn more about this app" /> </View> ); }; const styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#F5FCFF', }, welcome: { fontSize: 20, textAlign: 'center', margin: 10, }, instructions: { textAlign: 'center', color: '#333333', marginBottom: 5, }, }); AppRegistry.registerComponent('MyMacOSApp', () => App); // To run this app: // 1. npx @react-native-community/cli init MyMacOSApp --version 0.81.2 # Use exact minor version as react-native-macos // 2. cd MyMacOSApp // 3. npx react-native-macos-init // 4. npm install # Ensure dependencies are correct // 5. npm start # In one terminal // 6. npx react-native run-macos # In another terminal