请选择 进入手机版 | 继续访问电脑版

技术控

    今日:0| 主题:63447
收藏本版 (1)
最新软件应用技术尽在掌握

[其他] React Native Touchbar

[复制链接]
恨迟诀誓沒再 发表于 2016-11-30 03:04:43
189 2
  1. import React from 'react';
  2. import { View } from 'react-native-macos';
  3. import TouchBar from 'react-native-touchbar';
  4. export default myApp = () => (
  5.      <View style={styles.container}>
  6.         <TouchBar>
  7.           <Button title="Esc" onClick={() => alert('Hello, vim!')}/>
  8.           <Button title="Courage" style={{ fontSize: 12 }} />
  9.           <View style={{ backgroundColor: 'red', flex: 1}} />
  10.         </TouchBar>
  11.         <Text style={styles.welcome}>
  12.           Welcome to React Native macOS!
  13.         </Text>
  14.         <Text style={styles.instructions}>
  15.           To get started, edit index.macos.js
  16.         </Text>
  17.         <Text style={styles.instructions}>
  18.           Press Cmd+R to reload,{'\n'}
  19.           Or use Developer Menu
  20.         </Text>
  21.      </View>
  22. )
复制代码
  

React Native Touchbar

React Native Touchbar-1-技术控-react,native,nav,bar,react,native,react,native,中文,reactnative,react,native,android

  You need Xcode 8.1 on macOS Sierra 10.12.1 (12B2657) or later.
   Enable Touchbar simulator in Xcode -> Windows menu:

React Native Touchbar

React Native Touchbar-2-技术控-react,native,nav,bar,react,native,react,native,中文,reactnative,react,native,android

  TODO:
  
       
  •   Different native TouchBarItems (like segmented controls)   
  •   Inner touchbar (touchbar inside touchbars)   
  •   Customization   
  •   Several Touchbar instances per app  
﹏戒蔔掉旳愛 发表于 2016-11-30 04:03:28
待我长发及腰!
回复 支持 反对

使用道具 举报

哆啦不能没有A梦 发表于 2016-11-30 05:30:01
我们走得太快,灵魂都跟不上了……
回复 支持 反对

使用道具 举报

我要投稿

推荐阅读


回页顶回复上一篇下一篇回列表
手机版/c.CoLaBug.com ( 粤ICP备05003221号 | 粤公网安备 44010402000842号 )

© 2001-2017 Comsenz Inc.

返回顶部 返回列表