我目前正在用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)
我的问题: 如何设置我的第一个字符的样式以获得漂亮的首字母?
环境
我有一个简短的问题:当滚动视图粘住时,如何将不同的样式应用于滚动视图中的粘性标题?
我想在它粘住时添加一些阴影/高度。
谢谢 :)