react-native-touchbar

react-native-touchbar

  • 开源协议:未知
  • 操作系统: OS X
  • 开发语言:Objective-c
  • 项目所有者:ptmt
  • 收录时间:2016-11-30
  • 分享:
编辑评级
3

项目详细介绍

react-native-touchbar 是用于 react-native-macos 的 touchBar。

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>
)


需要 macOS Sierra 10.12.1(12B2657)或更高版本上的 Xcode 8.1,在 Xcode - > Windows 菜单中启用触摸板模拟器:


TODO:

  • 不同于原生的 TouchBarItems(像分段控件)

  • Inner touchbar

  • 定制化

  • 每个 APP 有多个 Touchbar 实例

标签:react