iOS 篇 - 多點觸控招召喚 Developer Menu:
在之前的文章分享過在 mac 開發 React Native 應用的時候,可以設定快捷鍵來呼叫 android 手機的 Developer Menu (甩~),目前了解這個方法是無法在 iOS 系統上使用的,残念ですね〜把二、三萬的 iPhone 拿來雪克萬一手滑也是挺讓人痛心的,說不定一個剛好螢幕就裂了呢 (笑),iOS 這邊不能只好讓 React Native 那邊想想辦法,生命總是會找到出口的 ♥ 接下來只要在專案最初開始的檔案 EX: index.js
加入幾行的程式碼,利用多點觸控做為事件觸發一樣可以把 Developer Menu 叫出來囉!
import React, {Component} from 'react';
import {
AppRegistry,
View,
PanResponder,
NativeModules
} from 'react-native';
import App from './src/native/app.native'
export default class devMenuEverywhere extends Component {
DevMenuTrigger = (children) => {
const {DevMenu} = NativeModules;
const panResponder = PanResponder.create({
onStartShouldSetPanResponder: (evt, gestureState) => {
if (gestureState.numberActiveTouches === 3) {
DevMenu.show();
}
},
});
return <View style= {...panResponder.panHandlers}>{children}</View>
};
render() {
return (
this.DevMenuTrigger(<App/>)
);
}
}
AppRegistry.registerComponent('reactNativeEverywhere', () => devMenuEverywhere);
以上加完之後,在 iPhone 上使用三點觸碰就能開啟 Developer Menu,不必再把 iPhone 放在空中甩,真是一件好事 :)
同場加映:React Native:停止搖晃你的手機啦 - Android 篇