开发者社区> 问答> 正文

使用ScrollView组件的例子有什么呢?

已解决

使用ScrollView组件的例子有什么呢?

展开
收起
游客dof4ggxyen75u 2022-09-10 16:23:46 385 0
1 条回答
写回答
取消 提交回答
  • 推荐回答

    下面的例子创建了一个图像和文本混合在一起的垂直线,如下代码:

    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>
    );
    
    
    2022-09-10 16:52:08
    赞同 展开评论 打赏
来源圈子
更多
收录在圈子:
+ 订阅
技术图谱:由专家组参与技术图谱的绘制与编写,知识与实践的结合让开发者们掌握学习路线与逻辑,快速提升技能 电子书:电子书由阿里内外专家打造,供开发者们下载学习,更与课程相结合,使用户更易理解掌握课程内容 训练营:学习训练营 深入浅出,专家授课,带领开发者们快速上云 精品课程:汇集知识碎片,解决技术难题,体系化学习场景,深入浅出,易于理解 技能自测:提供免费测试,摸底自查 体验实验室:学完即练,云资源免费使用
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载