DEV Community: Claire Lu

Update next button'react-native-swiper'

Claire Lu — Fri, 10 Dec 2021 00:42:23 +0000

import React from 'react'
import { StyleSheet, Text, View } from 'react-native'
import {  Icon } from 'react-native-elements'
import Swiper from 'react-native-swiper'
import FormComponent from '../Forms/FormComponent'

const Quiz = () => {
  return (
    <Swiper
      style={styles.wrapper}
      showsButtons={true}
      autoplay={false}
      loop={false}
      buttonWrapperStyle={{ color: 'purple' }}
      nextButton={
        <Icon
        //   style={styles.arrowRight}
          name='arrow-right'
          type='font-awesome'
          raised
          reverse
          size={18}

        />
      }
      prevButton={
        <Icon
        //   style={styles.arrowRight}
          name='arrow-left'
          type='font-awesome'
          raised
          reverse
          size={18}

        />
      }


    >
      <View style={styles.slide1}>
        <FormComponent />
      </View>
      <View style={styles.slide2}>
        <Text style={styles.text}>Beautiful</Text>
      </View>
      <View style={styles.slide3}>
        <Text style={styles.text}>And simple</Text>
      </View>
    </Swiper>
  )
}

const styles = StyleSheet.create({
  wrapper: {},
  slide1: {
    flex: 1,
  },
  slide2: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#97CAE5',
  },
  slide3: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#92BB',
  },
  text: {
    color: '#fff',
    fontSize: 30,
    fontWeight: 'bold',
  },
})

export default Quiz

The prop nextButton do the trick.
https://github.com/leecade/react-native-swiper#control-buttons

Please check out my Meme app by React Native

Claire Lu — Wed, 17 Nov 2021 07:56:25 +0000

A social media platform that allows users to post, view memes and chat with one another.

frontend:https://github.com/CXL3/React-Native-Mobile-Project-Meme-Machine

backend:https://github.com/CXL3/MongoDB-Nodejs-portfolio-backend-for-Meme-Machine-app

Youtube:https://www.youtube.com/watch?v=xurBnVRslns

If you know anyone hiring frontend or full stack engineer. Please let me know. :) Thank you.

Here is my LinkedIn.
https://www.linkedin.com/in/awslu/

Upgrading React Navigation 4 to 5.

Claire Lu — Tue, 02 Nov 2021 06:07:43 +0000

Creating stack Navigation is easy, I will skip that.
I just want to mention when you are passing item id to the next detail page. navigation.getParam won't work in Nav 4.

You can change it to route.params.itemId.

How to create different SSH for Gitlab and Github at the same time.

Claire Lu — Tue, 02 Nov 2021 06:03:00 +0000

I would recommend this article https://dev.to/yashsway/setting-up-multiple-ssh-profiles-to-manage-multiple-git-accounts-macos-3m7m.

You just need to edit the config file to gitlab.com

May I Please find a job hunting partner for a basic AWS job here?

Claire Lu — Wed, 03 Mar 2021 21:46:16 +0000

I passed AWS solution Architect associate on Oct 2020. In order to get a job, we need learn Python, Linux, Network. I just want to have a basic AWS job to start with like Cloud operation engineer ( I can't find any offer). I think I need to pass more certificates as well. Could someone join my job hunting journey and help each other? Thank you.

Python Project-Story generator

Claire Lu — Tue, 08 Dec 2020 08:01:05 +0000

This is a simple Python Project that creates a story generator. We will randomly fill phrases in the sentence template and generate three stories at a time.

Sentence template is "Scene", "who1" + "action" + "who2".

First step, I want to create four lists.

Second step, in order to randomly select items from the list, I will use built in library random. random.choice()

Third step, I will print out the sentence.

Last, we need to generate 3 stories at a time. Calling the same print statement three more time only gives the same stories three more times, so I am going to use a while loop.

Here is the sample result I got.

import random

stories_times = 0
while stories_times < 3:

    scene = random.choice(["In an abandoned amusement park", "At a human zoo of the aliens", "In a city on Mars", "In a dream",
                       "In a hospital fulled with zombies", " In the magical world of Happy Porter",
                       "In the desert of Planet X", "On the edge of a cliff", " In a magical kingdom"])

    who1 = random.choice(["a talking rabbit that can't lie", "a goblin who wants to be human",
                      "a women who remembers her past life", "a bounty hunter who is also a serial killer",
                      "a time traveler who love eat zombies",
                      "a young witch who accidentally turn herself into a giant pig forever", "an alcoholic detective",
                      "an escaped criminal and a dangerous mental patient", "A snake demon"])

    who2 = random.choice(["a cult leader", "an astronaut who lost his memory ", "a dog who wanted world domination",
                      "a young couple who ran into the path of a psychopath", "baby Yoda",
                      "a bored vampire", " a mad scientist ", "the last chinese emperor", "an evil princess"])

    action = random.choice(["fall in love with", "fights against", "hunt for gold with",
                        "befriend", "revenge the death of", "robbed", " ate ", "forced to kill", "made clothe out of"])

    print(scene + ", " + who1 + " " + action + " " + who2 + ".")

    stories_times = stories_times + 1

else:
    print("The end.")

Here are some final results.

I hope you liked it.