How to Position a React Native Button at the bottom of my screen to work on multiple ios devices

前端 未结 3 1568
花落未央
花落未央 2021-02-05 07:59

I am young to react native search the web for tutorials that could help me with this problem but have not find anything. I know how to move the buttons from point A to B on my s

3条回答
  •  误落风尘
    2021-02-05 08:33

    Here is how I placed the floating button at the bottom-right of the screen.

    return (
            
                {this.renderSwiper()}
                {this.renderFloatingMenu()}
            
        );
    

    Use the following styles for container & button:

    mainConatinerStyle: {
        flexDirection: 'column',
        flex: 1
    },floatingMenuButtonStyle: {
        alignSelf: 'flex-end',
        position: 'absolute',
        bottom: 35
    }
    

    Output:

提交回复
热议问题