• Stars
    star
    757
  • Rank 59,732 (Top 2 %)
  • Language
    Objective-C
  • Created almost 8 years ago
  • Updated over 6 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

TouchBar for react-native-macos
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

More Repositories

1

react-native-macos

[deprecated in favor of https://microsoft.github.io/react-native-windows/] React Native for macOS is an experimental fork for writing desktop apps using Cocoa
JavaScript
11,246
star
2

tryflow

(obsolete) Try a static type checker for JavaScript
JavaScript
30
star
3

inter-device-detox

Detox testing multiple devices interacting with each other
JavaScript
23
star
4

npm-native

(obsolete) postinstall npm helper for managing Xcode dependencies
JavaScript
20
star
5

flow-declarations

[obsolete] [incomplete] typed JavaScript interfaces for Facebook Flow
JavaScript
15
star
6

rnd-gl-example

react-native OS X app + gl-react-native
JavaScript
15
star
7

rnpm-plugin-apphub

Build, export and upload iOS app to AppHub Cloud
JavaScript
15
star
8

kotlin-react-native-example

Kotlin
14
star
9

using-async-storage-in-react-native

(in progress) React Native AsyncStorage limitations and tips & tricks
JavaScript
11
star
10

grunt-db-migrate

migrate database schema and data with db-migrate
JavaScript
10
star
11

twitter-contribution-chart

treating tweets as github contributions
JavaScript
4
star
12

cjsc

JavaScriptCore wrapper for Swift Package Manager
3
star
13

rn-android-keyboardavoidingview-padding

Objective-C
2
star
14

phinitive

phinitive.com repository
HTML
2
star
15

share-a-tab

instant sharing Chrome tabs, bypassing chats
JavaScript
2
star
16

react-native-swipable-deck

Proof of concept smooth deck implementation
JavaScript
2
star
17

ptmt.github.com

static site based on Jekyll
HTML
2
star
18

totify

F#
1
star
19

prism

Spy on yourself
JavaScript
1
star
20

tinynlp.fs

tiny library for natural russian language processing written in F#
F#
1
star
21

kotlin-slack-client

work in progress
CMake
1
star
22

anyring

Swift
1
star
23

sharepoint-schema-evolution

Data scheme evolution library inspired by ActiveRecord::Migrations for SharePoint
C#
1
star
24

afar

Eye training iOS app that lets you simulate reading things from afar
JavaScript
1
star
25

philosoraptor

twitter bot @prophetraptor
JavaScript
1
star
26

kevo

memory key-value backend for totify
F#
1
star
27

rsa_cipher

simple public-key encryption algorithm in fsharp
F#
1
star
28

words

Swift
1
star
29

mario

asynchronous http server based on IO Completion Port
F#
1
star