react-native-touchbar

未知
Objective-C 查看源码»
OS X
2016-11-30
王练

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 实例

的码云指数为
超过 的项目
加载中

评论(0)

暂无评论

暂无资讯

暂无问答

fir.im Weekly - TouchBar 从入门到开发

自从 Macbook Pro 发布重大更新, TouchBar 一直是开发者的重点关注对象。除了[NSTouchBar官方文档]([https://developer.apple.com/reference/appkit/nstouchbar),速度快者如 [@毫无存在感的...

2016/11/07 15:14
290
0
React-Native学习资源

React-Native学习资源 目录 教程 React Native React.js ES6 系列教程 kai源APP 组件 工具 资源网站 业界讨论 教程 React Native React-Native专题系列文章不断更新ing(入门,组件,Api,kai源项...

2016/03/29 10:26
126
1
react native 0.56.0

0.56.0 更新日志 能力有限,如有问题,请包涵(哈哈)原文请点击 欢迎 React Native 2018年6月份正式版的发布,超过53位捐献者提供797次提交,非常感谢你们每一位。 在您阅读本文的此刻,这个...

2018/07/17 14:39
75
0
React Native for Android 官方文档中文版(最新)全国首发

Facebook 于 2015 年 9 月 15 日发布了 React Native for Android, 把 Web 和原生平台的 JavaScript 开发技术扩展到了 Google 的流行移动平台--Android。极客学院 Wiki 团队(http://wiki.ji...

2015/09/18 14:26
205
1
React JS和React-Native新手学习指南

自己在学习React-Native过程中整理的一份学习指南,包含 教程、开源app和资源网站等,还在不断更新中。欢迎pull requests! React-Native学习指南 本指南汇集React-Native各类学习资源,给大...

2018/10/12 19:54
4
0
React Native ChangeLog 中文版收集

官方英文版 https://github.com/react-native-community/react-native-releases/blob/master/CHANGELOG.md react-native 0.57版本迁移教程 https://www.jianshu.com/p/cc0174b4a9c5 React N...

2018/09/16 18:06
7
0
React Native 常用组件包

兼容Android,iOS,经过开发实践,觉得不错,js.coach排名很靠前

2016/08/07 09:23
356
0
React Native初探

React Native初探 前言 很久之前就想研究React Native了,但是一直没有落地的机会,我一直认为一个技术要有落地的场景才有研究的意义,刚好最近迎来了新的APP,在可控的范围内,我们可以在上...

02/20 17:04
8
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部