javascript - 我有一个反应本机应用程序,我想知道如何标记图片以在另一个屏幕中使用
问题描述
我有一个应用程序,按下按钮即可循环浏览图片。我想添加另一个按钮,该按钮在按下时标记图片以在另一个屏幕中使用,但我不知道执行此操作的正确方法。
我有一些想法,但我不知道正确的方法,我想学习。就更改我的对象等而言,我非常灵活。
import React, {useState} from 'react';
import { StyleSheet, Text, View, Image, Button } from 'react-native';
import { type ImageHolder } from './ImageHolder'
import OuterComponent from "./OuterComponent"
const imageholder2: ImageHolder[] = [
{
id: "1",
actualimage: require("./images/image1.jpeg"),
},
{
id: "2",
actualimage: require("./images/image2.jpg"),
},
{
id: "3",
actualimage: require("./images/image3.jpg"),
},
{
id: "4",
actualimage: require("./images/image4.jpg"),
},
];
export default function App() {
const [currentImageIndex, setCurrentImageIndex] = useState(0)
const scopeSpecificFunction = () =>
setCurrentImageIndex(currentImageIndex == imageholder2.length - 1 ?
0 :
currentImageIndex + 1 )
return (
<View>
<View>
{
imageholder2[currentImageIndex] &&
<Image
key={imageholder2[currentImageIndex].id}
style = {{
width: 300,
height: 300,
}}
source={imageholder2[currentImageIndex].actualimage}
/>
}
</View>
<View>
<OuterComponent callbackfunction ={()=>scopeSpecificFunction()}/>
</View>
</View>
);
}
解决方案
推荐阅读
- python - 如何从对象中获取一条线?
- reactjs - 在 Bamboo 中集成 SonarQube 以实现 React js 应用程序
- python - 在 Python 中导入模块和函数时出现问题
- karate - 空手道是否能够验证下载端点的 Excel 文件?
- java-8 - 如何使用流将一维整数数组转换为映射
- c++ - 如何对 __uint128_t (128bit) 进行正向和反向位扫描?
- c - 在 C 中实现 pthread_self()
- python - 如何绘制超过 2 个权重的线?
- angular - ngFor 嵌套对象的索引
- google-cloud-platform - 创建新的 Google Cloud 项目时如何解决“父 ID 必须为数字”的问题