13、React Native应用开发与部署全流程指南

最新推荐文章于 2025-10-14 11:14:07 发布

android

最新推荐文章于 2025-10-14 11:14:07 发布

阅读量89

点赞数

CC 4.0 BY-SA版权

分类专栏： React Native实战指南文章标签： React Native 应用部署 iOS App Store

本文链接：https://blog.youkuaiyun.com/android/article/details/153301369

React Native实战指南专栏收录该内容

15 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

React Native应用开发与部署全流程指南

1. React Native组件中的样式表应用

在React Native组件里，可使用样式表来规范组件样式。以下是一个 NormalText.js 组件的示例代码：

// src/components/NormalText.js
import React from 'react-native';
var {
  StyleSheet,
  Text,
  View
} = React;
import {fonts, scalingFactors} from './../styles/fonts';
import Dimensions from 'Dimensions';
let {width} = Dimensions.get('window');
var NormalText = React.createClass({
  displayName: 'NormalText',
  propTypes: {
    style: View.propTypes.style
  },
  render() {
    return (
      <Text style={[this.props.style, fonts.normal, scaled.normal]}>
        {this.props.children}
      </Text>
      );
  }
});
var scaled = StyleSheet.create({
  normal: {
    fontSize: width / sca