TSlint и React: как применить стили внизу перед экспортом по умолчанию? - PullRequest
Новая
       25

TSlint и React: как применить стили внизу перед экспортом по умолчанию?

0 голосов
/ 10 декабря 2018

Я создаю приложение React Native с помощью TypeScript.В настоящее время я настраиваю свой файл 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;

должно пройти?

...