Questions tagged [native-base]
NativeBase is an incredible open-source UI component library designed for React Native that can be used across different platforms completely free of charge.
I have a unique design element on a website that showcases an image overflowing off a card. The image has a negative margin-top of -50, creating this effect. Now I'm trying to replicate this design in react-native using native-base components. Here i ...
To add a border to a native base button only if the menu index is equal to the house menu, use prop bordered. <Button bordered> <Text uppercase={false}>House</Text> </Button> My attempt: <Button {menuIndex == menus.house? ...
My attempt to align the Thumbnail to the topLeft using justifyContent: 'flex-start' is not working as expected. Here's my code snippet: <Content> <View key = {index} style={styles.commentBody}> <List> <ListItem avatar> ...
Currently incorporating this code snippet into my application: <Item fixedLabel> <Input style={{ width: 0.5 }}/> </Item> The fixedLabel element is extending the entire width of the screen. I have attempted adju ...
I am currently developing an Avatar Builder app using React Native that I plan to deploy on both iOS and Android platforms. My server is running on Express, which uses localhost:3000, while React Native runs on localhost:8081. import axios from 'axios'; i ...
Greetings, I am a newcomer to React Native and I am currently using Native Base to develop a mobile application. I am in the process of creating a reservation page where I need to implement two Picker components displaying the current day and the next one ...
I am facing an issue with my package.json file. The main goal is to use Expo 44 with native-base (version ^3.0.0), but I cannot seem to get this combination to work. I have looked online for recommended Expo versions compatible with native-base, but could ...
I'm utilizing the Popover component from NativeBase to design my popover: const SettingsButton: React.FC<Props> = () => { return ( <Popover trigger={(triggerProps) => { return ( ...