使用react-native和TypeScript热加载

Question

我已经能够使用TypeScript进行热重装以在我的React Native应用程序中工作，但是需要一些体操。我想知道是否有更好的方法可以做到这一点，或者这仅仅是TypeScript的限制，还是我只是不了解而已。

// index.js
import 'src/App';

// src/App.ts
import { AppRegistry } from 'react-native';
import HomeScreen from 'src/HomeScreen';
AppRegistry.registerComponent('Homer', () => HomeScreen);

// src/HomeScreen.js
// It seems like this has to be a JavaScript file
import React from 'react';
import { Home } from 'src/Home';

// This must be a Component class. The class name is required. SFC does not work.
export default class HomeScreen extends React.Component {
  render() {
    return <Hello />;
  }
}

src/Home.tsx是显示内容的“常规”屏幕组件。甚至只是render() { return <Text>hello</Text>; }。

我的安装程序可以正常工作并进行热重载，但是对于任何屏幕级TypeScript组件，我都必须具有...Screen.js将其包装的桥接文件。

有没有一种方法可以让React Native在不使用其他JavaScript包装器的情况下重新加载TypeScript模块更改？

我正在使用https://github.com/ds300/react-native-typescript-transformer作为带有react-native的TypeScript文件的转换器。