我如何在React Native CLI的样式表内键入一个函数?

Question

import { StyleSheet, TextStyle, ViewStyle, ImageStyle } from 'react-native';
export const styles = StyleSheet.create({
spacing: (marginBottom: number) => {
return {
marginBottom,
}
}
});

返回的错误是:

Type '(marginBottom: number) => { marginBottom: number; }' is not assignable to type 'ViewStyle | TextStyle | ImageStyle'.ts(2322)

代码甚至可以工作，但返回上述错误。用法应该是这样的:

<View style={styles.spacing(50)}>
<Button title={'Login'} onPress={handleSign} />
</View>

Answer 1

我认为这是不允许传递给函数/类到StyleSheet.create.

你可以像这样应用静态样式和内联样式:

<View style={[styles.myStaticStyle, { marginBottom:50 }]}>
<Button title={'Login'} onPress={handleSign} />
</View>

你可以应用样式。像这样有条件地支持:

<View style={[i > 20 ? { marginBottom:50 } : null]}>
<Button title={'Login'} onPress={handleSign} />
</View>