为什么不能将StyleSheet道具用作Material-ui组件的样式道具？

Question

我目前正在使用以下StyleSheet：

const styles = StyleSheet.create({
  profilePicture: {
    width: 100,
  },
});

当我尝试将其应用于Avatar材质用户界面组件（实际上，大多数其他材质用户界面组件）时：

      <View>
        <Avatar src={user.profile_pic_url} style={styles.profilePicture} />
        <Text>{user.first_name}</Text>
      </View>

我收到以下错误：

The `style` prop expects a mapping from style properties to values, not a string. For example, style={{marginRight: spacing + 'em'}} when using JSX.

但是，如果我内联JS对象，它就可以正常工作：

      <View>
        <Avatar src={user.profile_pic_url} style={{width: 100}} />
        <Text>{user.first_name}</Text>
      </View>

对于其他所有React本机组件来说，这很好：什么能提供？