【问题标题】:How to modify expo android styles.xml in react native app如何在反应原生应用程序中修改 expo android styles.xml
【发布时间】:2019-04-11 22:16:00
【问题描述】:

与我之前的许多其他人一样,我正在寻找自定义 expo android 主题颜色和样式的方法以便自定义 DatePicker 等原生组件样式。

我找到了一个 lot of posts 解释同样的老东西:“以原生 android 方式更新你的样式!”

好吧,但是我的 React 原生项目没有任何“res/values/styles.xml”等等。 从头开始创建它们没有任何效果。

我在这里遗漏了一个步骤,但是哪一个?

我的 repo 实际上看起来有点像这样:

.expo
/* a bunch of folders containing my custom js */
App.js
app.json
babel.config.js
package.json
package-lock.json

【问题讨论】:

    标签: react-native react-native-android expo


    【解决方案1】:

    你可以使用Style Sheet.

    创建一个新的样式表:

    const styles = StyleSheet.create({
      container: {
        borderRadius: 4,
        borderWidth: 0.5,
        borderColor: '#d6d7da',
      },
      title: {
        fontSize: 19,
        fontWeight: 'bold',
      },
      activeTitle: {
        color: 'red',
      },
    });
    

    使用样式表:

    <View style={styles.container}>
      <Text style={[styles.title, this.props.isActive && styles.activeTitle]} />
    </View>
    

    这是细节link

    要配置一个样式,比如Android.xml,你可以通过expo eject来分隔它。

    当您执行expo eject 时,您将获得 Android 文件夹。

    关于“世博弹出”link

    【讨论】:

    • 样式表不碍事,因为我想按照提供的链接中的描述设置像 DatePicker 这样的原生组件的样式。我将编辑我的问题,以便更清楚我想要实现的目标。同时,你能告诉我更多关于 expoject 的信息吗?
    • 你将通过expo eject实现你的目标。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2020-03-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-06-17
    相关资源
    最近更新 更多