React-native-gesture-handler: рдПрдВрдбреНрд░реЙрдЗрдб рдкрд░ рд░реЗрдХреНрдЯрдмрдЯрди рдкрд░ рдмреЙрд░реНрдбрд░рд░реЗрдбрд┐рдпрд╕

рдХреЛ рдирд┐рд░реНрдорд┐рдд 23 рдирд╡ре░ 2017  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: software-mansion/react-native-gesture-handler

RectButton рдкрд░ borderRadius рд╕реЗрдЯ рдХрд░рдирд╛ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдХреЛрдиреЛрдВ рдХреЛ рдЧреЛрд▓ рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИред рд╡рд░реНрддрдорд╛рди рд╕рдорд╛рдзрд╛рди рдПрдХ рд░реЗрдХреНрдЯрдмрдЯрди рдХреЛ рдЙрд╕ рджреГрд╢реНрдп рдХреЗ рд╕рд╛рде рд▓рдкреЗрдЯрдирд╛ рд╣реИ рдЬрд┐рд╕рдореЗрдВ рд╕реАрдорд╛ рд░реЗрдбрд┐рдпрд╕ рд╕реЗрдЯ рд╣реИред

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рдпрд╣ рдмрдВрдж рдХреНрдпреЛрдВ рд╣реИ? рдореИрдВ рдЕрднреА рднреА RectButton рдкрд░ borderRadius рд╕реЗрдЯ рдХрд░рдиреЗ рдореЗрдВ рдЕрд╕рдорд░реНрде рд╣реВрдБред

RectButton рдкрд░ borderRadius рд╕реЗрдЯ рдХрд░рдирд╛ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдХреЛрдиреЛрдВ рдХреЛ рдЧреЛрд▓ рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИред рд╡рд░реНрддрдорд╛рди рд╕рдорд╛рдзрд╛рди рдПрдХ рд░реЗрдХреНрдЯрдмрдЯрди рдХреЛ рдЙрд╕ рджреГрд╢реНрдп рдХреЗ рд╕рд╛рде рд▓рдкреЗрдЯрдирд╛ рд╣реИ рдЬрд┐рд╕рдореЗрдВ рд╕реАрдорд╛ рд░реЗрдбрд┐рдпрд╕ рд╕реЗрдЯ рд╣реИред

рднреА рдХрд╛рдо рдирд╣реАрдВ рдХрд┐рдпрд╛ред

Screenshot_1

рд╕реАрдорд╛ рд░реЗрдХреНрдЯрдмрдЯрди рдФрд░ рдЧреНрд░реЗ рдХреНрд╖реЗрддреНрд░ рдХреЛ рд░реЗрдХреНрдЯрдмрдЯрди рдХреЛ рд▓рдкреЗрдЯрдиреЗ рд╡рд╛рд▓реЗ рджреГрд╢реНрдп рдХрд╛ рдкреНрд░рддрд┐рдирд┐рдзрд┐рддреНрд╡ рдХрд░рддреА рд╣реИред

рдХреЛрдб:

<View style={style.borderRadiusOf50}>
  <RectButton>
    <View accessible style={[style.square, style.squareTypeOne]}>
      <Image
        resizeMode="center"
        source={oxygenLogo}
        style={style.logo}
      />
      <Text style={style.buttonLabel}>
        Recarga de cilindros de oxig├кnio
      </Text>
    </View>
  </RectButton>
</View>

рд╕рдорд╛рдзрд╛рди

рдЗрд╕ рдЯрд┐рдкреНрдкрдгреА рдХреЛ рд▓рд┐рдЦрддреЗ рд╕рдордп рдореБрдЭреЗ рдкрддрд╛ рдЪрд▓рд╛ рдХрд┐ RectButton рдХреЛ рдХрд╛рдо рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП backgroundColor рдХреЗ рд▓рд┐рдП borderRadius рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИред рдореИрдВрдиреЗ рдЕрднреА-рдЕрднреА рдбреЙрдХреНрд╕ рдХреА рдЬрд╛рдБрдЪ рдХреА рд╣реИ рдФрд░ рд╡рд╣рд╛рдБ рдЗрд╕ рдЖрд╡рд╢реНрдпрдХрддрд╛ рдХрд╛ рдЙрд▓реНрд▓реЗрдЦ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХреБрдЫ рднреА рдирд╣реАрдВ рд╣реИ, рдЗрд╕рд▓рд┐рдП рдпрд╣ рдереЛрдбрд╝реЗ рдЕрдирдкреЗрдХреНрд╖рд┐рдд рд╣реИред

рд╕рднреА 4 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

borderWidth рдФрд░ borderColor . рдХреЗ рд╕рд╛рде рднреА рдРрд╕рд╛ рд╣реА рд╣реИ

рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рдкреАрдЖрд░ рдореЗрдВ рд╕реЗ рдПрдХ рдореЗрдВ рд╕рдВрджрд░реНрднрд┐рдд рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИред рдЬреИрд╕реЗ рд╣реА рдЗрд╕рдХрд╛ рд╡рд┐рд▓рдп рд╣реЛрдЧрд╛, рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╕рдорд╛рдзрд╛рди рд╣реЛ рдЬрд╛рдПрдЧрд╛ред
рдореИрдВ рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рдмрдВрдж рдХрд░рддрд╛ рд╣реВрдВ

рдпрд╣ рдмрдВрдж рдХреНрдпреЛрдВ рд╣реИ? рдореИрдВ рдЕрднреА рднреА RectButton рдкрд░ borderRadius рд╕реЗрдЯ рдХрд░рдиреЗ рдореЗрдВ рдЕрд╕рдорд░реНрде рд╣реВрдБред

RectButton рдкрд░ borderRadius рд╕реЗрдЯ рдХрд░рдирд╛ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдХреЛрдиреЛрдВ рдХреЛ рдЧреЛрд▓ рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИред рд╡рд░реНрддрдорд╛рди рд╕рдорд╛рдзрд╛рди рдПрдХ рд░реЗрдХреНрдЯрдмрдЯрди рдХреЛ рдЙрд╕ рджреГрд╢реНрдп рдХреЗ рд╕рд╛рде рд▓рдкреЗрдЯрдирд╛ рд╣реИ рдЬрд┐рд╕рдореЗрдВ рд╕реАрдорд╛ рд░реЗрдбрд┐рдпрд╕ рд╕реЗрдЯ рд╣реИред

рднреА рдХрд╛рдо рдирд╣реАрдВ рдХрд┐рдпрд╛ред

Screenshot_1

рд╕реАрдорд╛ рд░реЗрдХреНрдЯрдмрдЯрди рдФрд░ рдЧреНрд░реЗ рдХреНрд╖реЗрддреНрд░ рдХреЛ рд░реЗрдХреНрдЯрдмрдЯрди рдХреЛ рд▓рдкреЗрдЯрдиреЗ рд╡рд╛рд▓реЗ рджреГрд╢реНрдп рдХрд╛ рдкреНрд░рддрд┐рдирд┐рдзрд┐рддреНрд╡ рдХрд░рддреА рд╣реИред

рдХреЛрдб:

<View style={style.borderRadiusOf50}>
  <RectButton>
    <View accessible style={[style.square, style.squareTypeOne]}>
      <Image
        resizeMode="center"
        source={oxygenLogo}
        style={style.logo}
      />
      <Text style={style.buttonLabel}>
        Recarga de cilindros de oxig├кnio
      </Text>
    </View>
  </RectButton>
</View>

рд╕рдорд╛рдзрд╛рди

рдЗрд╕ рдЯрд┐рдкреНрдкрдгреА рдХреЛ рд▓рд┐рдЦрддреЗ рд╕рдордп рдореБрдЭреЗ рдкрддрд╛ рдЪрд▓рд╛ рдХрд┐ RectButton рдХреЛ рдХрд╛рдо рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП backgroundColor рдХреЗ рд▓рд┐рдП borderRadius рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИред рдореИрдВрдиреЗ рдЕрднреА-рдЕрднреА рдбреЙрдХреНрд╕ рдХреА рдЬрд╛рдБрдЪ рдХреА рд╣реИ рдФрд░ рд╡рд╣рд╛рдБ рдЗрд╕ рдЖрд╡рд╢реНрдпрдХрддрд╛ рдХрд╛ рдЙрд▓реНрд▓реЗрдЦ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХреБрдЫ рднреА рдирд╣реАрдВ рд╣реИ, рдЗрд╕рд▓рд┐рдП рдпрд╣ рдереЛрдбрд╝реЗ рдЕрдирдкреЗрдХреНрд╖рд┐рдд рд╣реИред

рдпрд╣ рдмрдВрдж рдХреНрдпреЛрдВ рд╣реИ? рдореИрдВ рдЕрднреА рднреА RectButton рдкрд░ borderRadius рд╕реЗрдЯ рдХрд░рдиреЗ рдореЗрдВ рдЕрд╕рдорд░реНрде рд╣реВрдБред

RectButton рдкрд░ borderRadius рд╕реЗрдЯ рдХрд░рдирд╛ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдХреЛрдиреЛрдВ рдХреЛ рдЧреЛрд▓ рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИред рд╡рд░реНрддрдорд╛рди рд╕рдорд╛рдзрд╛рди рдПрдХ рд░реЗрдХреНрдЯрдмрдЯрди рдХреЛ рдЙрд╕ рджреГрд╢реНрдп рдХреЗ рд╕рд╛рде рд▓рдкреЗрдЯрдирд╛ рд╣реИ рдЬрд┐рд╕рдореЗрдВ рд╕реАрдорд╛ рд░реЗрдбрд┐рдпрд╕ рд╕реЗрдЯ рд╣реИред

рднреА рдХрд╛рдо рдирд╣реАрдВ рдХрд┐рдпрд╛ред

Screenshot_1

рд╕реАрдорд╛ рд░реЗрдХреНрдЯрдмрдЯрди рдФрд░ рдЧреНрд░реЗ рдХреНрд╖реЗрддреНрд░ рдХреЛ рд░реЗрдХреНрдЯрдмрдЯрди рдХреЛ рд▓рдкреЗрдЯрдиреЗ рд╡рд╛рд▓реЗ рджреГрд╢реНрдп рдХрд╛ рдкреНрд░рддрд┐рдирд┐рдзрд┐рддреНрд╡ рдХрд░рддреА рд╣реИред

рдХреЛрдб:

<View style={style.borderRadiusOf50}>
  <RectButton>
    <View accessible style={[style.square, style.squareTypeOne]}>
      <Image
        resizeMode="center"
        source={oxygenLogo}
        style={style.logo}
      />
      <Text style={style.buttonLabel}>
        Recarga de cilindros de oxig├кnio
      </Text>
    </View>
  </RectButton>
</View>

рд╕рдорд╛рдзрд╛рди

рдЗрд╕ рдЯрд┐рдкреНрдкрдгреА рдХреЛ рд▓рд┐рдЦрддреЗ рд╕рдордп рдореБрдЭреЗ рдкрддрд╛ рдЪрд▓рд╛ рдХрд┐ RectButton рдХреЛ рдХрд╛рдо рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП backgroundColor рдХреЗ рд▓рд┐рдП borderRadius рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИред рдореИрдВрдиреЗ рдЕрднреА-рдЕрднреА рдбреЙрдХреНрд╕ рдХреА рдЬрд╛рдБрдЪ рдХреА рд╣реИ рдФрд░ рд╡рд╣рд╛рдБ рдЗрд╕ рдЖрд╡рд╢реНрдпрдХрддрд╛ рдХрд╛ рдЙрд▓реНрд▓реЗрдЦ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХреБрдЫ рднреА рдирд╣реАрдВ рд╣реИ, рдЗрд╕рд▓рд┐рдП рдпрд╣ рдереЛрдбрд╝реЗ рдЕрдирдкреЗрдХреНрд╖рд┐рдд рд╣реИред

рдзрдиреНрдпрд╡рд╛рдж! backgroundColor рд╕реЗрдЯ рдХрд░рдиреЗ рд╕реЗ рдорджрдж рдорд┐рд▓реА

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

radex picture radex  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

nguyenhose picture nguyenhose  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

rgangopadhya picture rgangopadhya  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

enahum picture enahum  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

neiker picture neiker  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ