When I open the app on my device, app gets crashed. I tried with Logcat an found ReactNativeJS: Application EZNet has not been registered. log.

I am not able to see the thumbnails in my app.
I am getting the thumbUri's as : file:///data/user/0/org.gdgsrilanka.codelanka.eznet/files/RNFetchBlobTmp_7dsn49d9uwkcalwizcfwlk.png etc etc

This is showing up instead:

Hi all,
Just downloaded the latest APK, thanks everyone for the great work till now.
To do a quick user testing, can I get few more of the category loaded? OR give us an interface to load them our self?
Based on the user test we can give some feedback on changes if needed.

Damitha

I noticed that in the App.js and the DetailScreen.js, styles are being used as the component state.

Why are they in state???

Do the styles ever get changed on the fly? Even if they did, they should be props passed down from a root level component.

export default class DetailScreen extends Component {
    state = {                              <----------------------- defined here
        flexDirection: 'row',
        justifyContent: 'center',
        alignItems: 'center',
    }
    render() {
        
        const {flexDirection, alignItems, justifyContent} = this.state
        const layoutStyle = {flexDirection, justifyContent, alignItems}   <------- and it's being extracted here
        
        return (
          <Container>

              <Content>
                <View style={[styles.layout, layoutStyle]}>   <------------------- and used here

Cannot get the app to run on the AVD. How to solve this?

Steps followed

• Fork to my github account
• CD to my local root folder
  cd ~/Documents/Github
• Clone the project using:
  git clone https://github.com/nushydude/ez-net-app.git
• Go into the app and install the dependencies
  cd ez-net-app
npm install
• Open the project and run AVD
  Open Android Studio 2.3.3
  Open an existing Androind Studio project from initial screen
  Point to ~/Documents/GitHub/ez-net-app
  Android Studio says "Frameworkd detected. Androind framework is detected in the project. Configure."
  Click on Configure
  Click OK (There are already checked checkboxed called Android and Android -> 9 AndroidManifest.xml files)
  Start AVD (Nexus 5 API 23 running Android 6.0 x86_64)
• After the AVD boots up, run npm start to start the app.
  Build seems to go fine as I get the following screen.
  

But nothing shows up on the AVD.

Environment

Windows 10 x64
Android Studio 2.3.3
Node.js 8.1.2

How to reproduce

Simply build the app and run it. Then double (or triple or anything higher than once) tap a category (there is only one as of now) instead of a single tap. It would load the DetailScreen twice.

Comments

This could be a problem with React-Navigation, or we probably haven't configured it properly.

Have to investigate.

Integrate with Google Analytics and add events for,

1. Opened app
2. Clicked on a link
3. Navigates to next page ( or triggered scroll loading if we are using infinite scroll )
4. Closed app

Currently the images in the Cards are not responsive.

Received these categories from Damitha. Need to add these to the links.

පත්තරේ විස්තරේ
ලංකාදීප
දිනමිණ
රිවිර
තරුණි(Tharunie.lk)
නවලිය

කෑම වට්ටෝරු
https://www.youtube.com/channel/UCVz1bXiY1pz6Fz_Osm0YYBA

මැහුම් ගෙතුම්
සාරී හැට්ට
(https://www.youtube.com/results?search_query=saree+blouse+blocks)
ගවුම් මහන්න
https://www.youtube.com/results?search_query=how+to+sew+a+dress

බණ දහම් හා අනෙකුත් ආගමික විස්තර
https://www.youtube.com/results?search_query=bana

ළමා අධ්‍යාපන අත්වැල
5 වසර
https://www.youtube.com/watch?v=DUWKu6WSoA8&list=PL94ZZLMZi8sXa8CeaJlDZQ6JY2qc7CKiS
e-තක්ෂලාව
http://www.e-thaksalawa.moe.gov.lk/

අඩු මිලට බඩු මිලදී ගන්න
http://www.wow.lk/
http://takas.lk/
https://www.daraz.lk/

විඩියෝ කෝල් ගැනීම
skype
https://play.google.com/store/apps/details?id=com.skype.raider
Imo
https://play.google.com/store/apps/details?id=com.imo.android.imoim&hl=en

ගීත අසන්න
https://www.youtube.com/results?search_query=sinhala+songs

Update .travis.yml appropriately.

Integrate with Firebase to fetch data from Firebase.

How to reproduce

Build the app and run it in an AVD (I used a Nexus 5). When you tap on a category and go into its DetailsScreen and go back, the background of the image will show up as black. Same thing happens when you tap on a Link (an image on the DetailScreen) which opens the browser. When you come back, the image backgrounds will be black.

Comments

• Could be a problem with AVDs. I haven't tried in a real device.
• Could be a problem with styles.
• Could be a problem with how React Native deals with PNGs with transparency,

Drawer is not opening when the menu button is clicked.

What's the problem?

It takes some time for the app to fetch images from Firebase. But it's really annoying to wait for it when launching EzNet - ALWAYS. We should cache images to fetch them only one time or after updates.

How to fix it?

We can fix it by editing Api.js's getThumbnail method to store/cache thumbnails in device storage. I'll get on this in the next days

We need to fetch thumbnails for categories and sites from Firebase Hosting where we can dynamically add or change them.

Currently the Releases goes as app-debug-signed.apk. It is nice if we can get it like app-debug-signed-1.0.1.apk

• React propTypes is obsolete in the latest versions of react native.
  Therefore, i'd suggest to remove all such instantiations.
• Bringing all the images and styles in a single place (named assests)
• Removing Responsive Images as they have some issues running, instead add 'Images' from the react native library

Component titles are not visible at all for users.
We need to display the title below / above the thumbnail

Can we show a loading animation while the app is fetching data from Firebase?

Getting this build failed error even i added the native-base and all the dependencies. any idea about it?

** BUILD FAILED **

The following build commands failed:
CpResource /Developer/ez-net-app/node_modules/native-base/Fonts/Andale\ Mono.ttf build/Build/Products/Debug-iphonesimulator/ReactNativeProject.app/Andale\ Mono.ttf
CpResource /Developer/ez-net-app/node_modules/native-base/Fonts/Arial\ Black.ttf build/Build/Products/Debug-iphonesimulator/ReactNativeProject.app/Arial\ Black.ttf
CpResource /Developer/ez-net-app/node_modules/native-base/Fonts/Arial.ttf build/Build/Products/Debug-iphonesimulator/ReactNativeProject.app/Arial.ttf
CpResource /Developer/ez-net-app/node_modules/native-base/Fonts/Comic\ Sans\ MS.ttf build/Build/Products/Debug-iphonesimulator/ReactNativeProject.app/Comic\ Sans\ MS.ttf
(4 failures)

Installing build/Build/Products/Debug-iphonesimulator/ReactNativeProject.app
An error was encountered processing the command (domain=NSPOSIXErrorDomain, code=22):
Failed to install the requested application
The bundle identifier of the application could not be determined.
Ensure that the application's Info.plist contains a value for CFBundleIdentifier.
Print: Entry, ":CFBundleIdentifier", Does Not Exist]

We like to connect to the Firebase and fetch data for the app from Firebase DB.

Check the following URLs.

1. https://project-7593821828655173684.firebaseio.com/Categories.json
2. https://project-7593821828655173684.firebaseio.com/Sites.json
3. https://project-7593821828655173684.firebaseio.com/Sites/Newspapers.json

Current database structure is like this

This file contains all the relevant details to the Firebase. The database is public readable.
https://github.com/CodeLanka/ez-net-app/blob/master/android/app/google-services.json

I added a new Site under "Cooking" category, but the app does not show this site yet. I tried closing the app and starting again, but still the same.