Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

<Image> example on docs page not working on expo android client #28592

Closed
naliferov opened this issue Apr 11, 2020 · 5 comments · Fixed by facebook/react-native-website#1846
Closed
Labels
Component: Image Needs: Author Feedback Needs: Environment Info Please run `react-native info` and edit your issue with that command's output. Needs: Issue Template This issue does not make use of the Issue Template, and may be missing necessary information. Platform: Android Android applications. Stale There has been a lack of activity on this issue and it may be closed soon.

Comments

@naliferov
Copy link

I am using Ubuntu 19.10 and node 13.12 and expo-cli@3.17.23
And i am using expo android app for life repload and see compiled app. Mobile device: Pocophone F1

Here you can see example of code, that using Image tag https://reactnative.dev/docs/intro-react-native-components
Example not working.
Intead of showing image i see below warning on screen: Warning Failed prop type: Invalid pro source supplied to Image...

You can see screenshow
https://prnt.sc/rxbg81

Example of complete code

import React from 'react';
import { Text, View, Image } from 'react-native';

export default function YourApp() {
  return (
      <View style={{ flex: 1, marginTop: 50, alignItems: "flex-start"}}>
        <Text>
          Try we we editing me! 🎉
        </Text>
          <Image source="https://reactnative.dev/docs/assets/p_cat2.png" style={{width: 200, height: 200}}/>
      </View>
  );
}

@react-native-bot react-native-bot added Component: Image Platform: Android Android applications. Needs: Author Feedback Needs: Environment Info Please run `react-native info` and edit your issue with that command's output. and removed Needs: Triage 🔍 labels Apr 11, 2020
@naliferov
Copy link
Author

naliferov commented Apr 11, 2020

Setting source property in way as below, fix the issue. But should it be in documentation?

<Image source={{ uri: "https://reactnative.dev/docs/assets/p_cat2.png" }} style={{width: 200, height: 200}} />

@github-actions github-actions bot added Needs: Attention Issues where the author has responded to feedback. and removed Needs: Author Feedback labels Apr 11, 2020
@chrisglein chrisglein added Needs: Environment Info Please run `react-native info` and edit your issue with that command's output. Needs: Issue Template This issue does not make use of the Issue Template, and may be missing necessary information. and removed Needs: Attention Issues where the author has responded to feedback. Needs: Environment Info Please run `react-native info` and edit your issue with that command's output. labels May 13, 2020
@github-actions
Copy link

⚠️ Missing Required Fields
ℹ️ It looks like your issue may be missing some necessary information. GitHub provides an example template whenever a new issue is created. Could you go back and make sure to fill out the template? You may edit this issue, or close it and open a new one.

@github-actions
Copy link

⚠️ Missing Environment Information
ℹ️ Your issue may be missing information about your development environment. You can obtain the missing information by running react-native info in a console.

@stale
Copy link

stale bot commented Aug 16, 2020

Hey there, it looks like there has been no activity on this issue recently. Has the issue been fixed, or does it still require the community's attention? This issue may be closed if no further activity occurs. You may also label this issue as a "Discussion" or add it to the "Backlog" and I will leave it open. Thank you for your contributions.

@stale stale bot added the Stale There has been a lack of activity on this issue and it may be closed soon. label Aug 16, 2020
@stale
Copy link

stale bot commented Aug 23, 2020

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please feel free to create a new issue with up-to-date information.

@stale stale bot closed this as completed Aug 23, 2020
@facebook facebook locked as resolved and limited conversation to collaborators Oct 1, 2021
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Component: Image Needs: Author Feedback Needs: Environment Info Please run `react-native info` and edit your issue with that command's output. Needs: Issue Template This issue does not make use of the Issue Template, and may be missing necessary information. Platform: Android Android applications. Stale There has been a lack of activity on this issue and it may be closed soon.
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants