小编Dan*_*ang的帖子

具有不同字体大小(首字母,首字母)的react-native嵌套文本

我目前正在用react-native编写新闻阅读器应用程序,并希望将文章的第一个字母设置为首字母,如下所示:

初始示例

第一次尝试时,我使用嵌套文本方式。该代码附在下面。这是我当前的结果:

结果与本机

渲染函数中的代码:

<View style={styles.container}>
    <Text style={styles.text}>
        <Text style={styles.initial}>W</Text>
        <Text>
            elcome to React Native! To get started, edit index.android.js To get started, edit index.android.js To get started, edit index.android.js
        </Text>
    </Text>
</View>
Run Code Online (Sandbox Code Playgroud)

我的样式表:

const fontSize = 14;

const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: '#F5FCFF',
    },
    initial: {
        fontSize: fontSize * 2,            
    },
    text: {
        fontSize: fontSize,
        color: '#333333',
    },
});
Run Code Online (Sandbox Code Playgroud)

我的问题: 如何设置我的第一个字符的样式以获得漂亮的首字母?

环境

  • 反应:16.0.0-alpha.6
  • 反应本机:0.44.2
  • 在模拟Nexus 5上安装Android 6.0

text font-size react-native

5
推荐指数
1
解决办法
2651
查看次数

当它粘住时,React-Native 样式一个粘性标题

我有一个简短的问题:当滚动视图粘住时,如何将不同的样式应用于滚动视图中的粘性标题?
我想在它粘住时添加一些阴影/高度。

谢谢 :)

环境

  • 反应原生:0.45.0

styling react-native react-native-scrollview

5
推荐指数
1
解决办法
3272
查看次数