下面的例子创建了一个图像和文本混合在一起的垂直线,如下代码:
import React from 'react';
import { lmage, ScrollView,Text } from 'react-native";
const logo ={
uri: 'https://reactnative.dev/img/tiny_logo.png',
width: 64,
height: 64
};
export default App =() =>(
<ScrollView>
<Text style=ii fontSize: 96 }}>Scroll me plz</Text>
<lmage source={logo} />
<lmage source=Togof />
<lmage source={logo} />
<lmage source={logo} />
<lmage source={logo} />
<Text style={f fontSize: 96 }}>lf you like</Text>
<lmage source={logo} />
<lmage source={logo}/>
<lmage source={logo}/>
<lmage source={logo}/>
<lmage source={logo} />
<Text style={f fontSize: 96 }}>Scrolling down</Text>
<lmage source={logo}/>
<lmage source={logo} />
<lmage source={logo} />
<lmage source={logo}/>
<lmage source={logo}/>
<Text style=ff fontSize: 96 }}>What's the best</Text>
<lmage source={logo} />
<lmage source={logo} />
<lmage source={logo}/>
<lmage source={logo} />
<lmage source={logo} />
<Text style={{f fontSize: 96 }}>Framework around?</Text>
<lmage source={logo} />
<lmage source={logo} />
<lmage source={logo} />
<lmage source={logo} />
<lmage source={logo} />
<Text style={f fontSize: 80 }}>React Native</Text>
</ScrollView>
);
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。