TouchBar for react-native-macos
Objective-C JavaScript
Latest commit c7d2e65 Oct 28, 2016 @ptmt committed on GitHub Update README.md
Permalink
Failed to load latest commit information.
RNTouchbar Initial commit Oct 28, 2016
.gitignore Initial commit Oct 28, 2016
README.md Update README.md Oct 28, 2016
index.js Initial commit Oct 28, 2016
package.json Initial commit Oct 28, 2016

README.md

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

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

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:

TODO:

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