Paraboly / react-native-input-bar

Fully customizable, beautifully designed Input Bar for React Native
https://paraboly.com
MIT License
37 stars 4 forks source link

Bottom prop on Expo version #8

Closed sepcol closed 3 years ago

sepcol commented 3 years ago

So I'm trying to align the input bar to the bottom of the page (see picture) But I can't set the bottom prop (on the expo version) to make it so there is no space between the bar and the bottom of the screen, do I need to do something else? I will also attach my JSX code below.

<View style={{flex: 1, backgroundColor: 'blue'}}>
                <InputBar multiline={true} maxLength={220} borderRadius={0} style={{width: "100%"}}
                          numberOfLines={4} blurOnSubmit={true} onSubmitEditing={() => {
                    Keyboard.dismiss();
                }} onSendPress={() => {
                    Keyboard.dismiss();
                    setInputText("")
                }} value={inputText} onChangeText={(text) => setInputText(text)} textInputStyle={{
                    fontWeight: 'bold',
                    fontSize: 15,
                    marginTop: 0,
                    marginLeft: 15,
                    marginRight: 55
                }} disableSecondaryIcon={true} placeholder={"Laat hier een reactie achter!                  "}/>
            </View>
WrathChaos commented 3 years ago

You can override default styling. Simply set bottom: 0 in style prop. You can even change the position: absolute value. You can simply use style prop as you want.

sepcol commented 3 years ago

I see my bad! This issue can be closed.