light-c

I am new to node/npm, react and react-native so very new to react-native-web as well. It's been 3 days for me to integrate react-native-web in a Hello World App generated using npx react-native init as per the doc. I tried using both templates: with and without typescript, but no success so far. The farthest I got is to run the app code written in index.web.js but if I add any component from ./src/components/ then I get errors, mostly of webpack.

I created a test repo for easy regeneration of error, So Steps to reproduce are as below:

1. Download this repo in your system.
2. npm install
3. npm run web

Now you'll see the error in the terminal.

Versions:

• metro-react-native-babel-preset: 0.66.0
• node: 16.3.0
• npm: 7.8.0
• OS: Windows 10 - 64 bit

I followed official documentation but with webpack@^4 and referred this article and somehow managed to reach the below situation:

• Webpage is getting rendered if my whole code is inside index.web.js.
• But when I import App inside this then I get compilation failed due to loader error.

Working index.web.js:

How do you import and customize bootstrap via SASS variables?

We all use @import, which works well but is deprecated, like this:

I am making use of bottom navigation in React Native and I have a header which is supposed to show on which screen I am at the moment. I am not sure how to change that text on Tab Bar press. I tried making use of onPress event but seems like it does not work.

Here is my code:

I hope you're doing okay

I'm experiencing something weird with my react-native project, The FlatList items in some of the pages aren't displayed, even though I can see them when I console.log(json.items).

Earlier today, everything worked fine. all the pages displayed their lists as they should on my device. then I started working on a new search page on snack & I added status bar, I tested and it worked on snack before adding the new code and creating the new files in my app.

The issue I'm having now is, the list on the first page is displayed, subsequent pages after that do not show list items. including the new search page that works on snack

I'll go ahead and post my code now, the first set is for the page whose listitems are displayed correctly:

App.js

I'm a beginner and wanted to add one button that I saw on YouTube, the author left a link to the codepen, I went in and copied all the code from there, and pasted it into my project in visual studio code, but the html code looked strange and didn't work at all. [Link to the Codepen page][1]

How to stretch the content of the card so it has 100% width. For example I want the red paragraph to touch the edges horizontally so there won't be yellow space on the right and left. In other words I would like to remove the padding from the cad content so there will be no yellow shown.

Here is my code:

So I am trying to send form data using fetch API in React Native. I am new to React Native. I have worked with React JS and used fetch library to send data I am using it now to send data in Native Expo but I am unable to send data I receive nothing in return.

Front end code:

I am beginner at React Native so I am using Expo and trying to add React Navigation Bar. I am keeping on getting this error however I am exporting App.js

i gave each div containing a slide of my slider a property position of value absolute and it hides elements following it.
basically i created a main tag with a section tag for the slider and another for the features section now because i gave position: absolute to the div with class slide the features section is invisible as it is hidden behind the slider section.
how can i fix this so that i can add other sections to my page and they appear properly following each other and not stacked or hiding behind each other like this.
please let me know if i don't get the real reason why this problem happened.