我正在用TypeScript构建一个React Native应用程序 . 我正在配置我的TSLint文件 .

有没有办法强制同一文档中的样式位于文件的底部（在导出之前）？

例如 . MyComponent.tsx ：

import React, { Component } from "react";
import { StyleSheet, Text } from "react-native";
import { SafeAreaView } from "react-navigation";

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: "center",
    alignItems: "center"
  }
});

export class MyComponent extends Component {
  render() {
    return (
      <SafeAreaView style={styles.container}>
        <Text>This screen is my component.</Text>
      </SafeAreaView>
    );
  }
}

export default MyComponent;

应抛出错误，而：

import React, { Component } from 'react';
import { StyleSheet, Text } from 'react-native';
import { SafeAreaView } from 'react-navigation';

export class MyComponent extends Component {
  public render() {
    return (
      <SafeAreaView style={styles.container}>
        <Text>This screen is my component.</Text>
      </SafeAreaView>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    alignItems: 'center',
    flex: 1,
    justifyContent: 'center'
  }
});

export default MyComponent;

应该通过？

reactjs typescript react-native tslint prettier