TouchBar for react-native-macos
Objective-C JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.

import React from 'react';
import { View } from 'react-native-macos';
import TouchBar from 'react-native-touchbar';

export default myApp = () => (
     <View style={styles.container}>
          <Button title="Esc" onClick={() => alert('Hello, vim!')}/>
          <Button title="Courage" style={{ fontSize: 12 }} />
          <View style={{ backgroundColor: 'red', flex: 1}} />
        <Text style={styles.welcome}>
          Welcome to React Native macOS!
        <Text style={styles.instructions}>
          To get started, edit index.macos.js
        <Text style={styles.instructions}>
          Press Cmd+R to reload,{'\n'}
          Or use Developer Menu

screenshot 2016-10-28 16 33 21 copy

You need Xcode 8.1 on macOS Sierra 10.12.1 (12B2657) or later.

Enable Touchbar simulator in Xcode -> Windows menu:


  • Different native TouchBarItems (like segmented controls)
  • Inner touchbar (touchbar inside touchbars)
  • Customization
  • Several Touchbar instances per app