react-native怎么写动态style

在React Native中，可以使用Javascript来动态生成样式。具体实现方式如下：

1. 定义一个Javascript对象，用来存放样式属性及其值。

2. 在组件中，使用该对象来设置样式属性。可以通过将该对象作为style属性的值来实现。

3. 在Javascript中，可以通过动态改变该对象的属性值，来实现动态生成样式的效果。

下面是一个示例代码：

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

export default class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      backgroundColor: '#ffffff'
    };
  }

  render() {
    const styles = StyleSheet.create({
      container: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: this.state.backgroundColor
      },
      text: {
        fontSize: 20,
        color: '#333333'
      }
    });

    return (
      <View style={styles.container}>
        <Text style={styles.text}>Hello World!</Text>
      </View>
    );
  }
}

在上面的代码中，我们定义了一个状态属性backgroundColor，并将它作为样式对象中backgroundColor属性的值。在组件的render函数中，我们动态地改变了该状态属性的值，从而实现了动态改变样式的效果。