volkeno-react-native-quiz-true-false

Add it to your project

• Using NPM npm install volkeno-react-native-quiz-true-false
• or:
• Using Yarn yarn add volkeno-react-native-quiz-true-false

Usage

import React from "react";

import QuizeTrueFalse from "volkeno-react-native-quiz-true-false";

const QuizTrueFalseApp = () => {
  const data = [
    {
      question:
        "Pendant la préhistoire, la période l’âge de la pierre polie a suivi l’age de la pierre taillée",
      answer: true,
    },
    {
      question:
        "Une personne qui parle couramment le français est un Francophone :",

      answer: true,
    },
    {
      question:
        "Quel petit signe place-t-on parfois sous la lettre C ? Une virgule",
      answer: false,
    },
  ];
  return (
    <QuizeTrueFalse
      containerStyle={{ backgroundColor: "#FFF", paddingTop: 30 }}
      questionTitleStyle={{ fontSize: 22, color: "#000" }}
      trueText="Vrai"
      falseText="Faux"
      textStyle={{ fontSize: 18, color: "#000" }}
      checkedColor={"#000"}
      uncheckedColor="#000"
      responseRequired={true}
      nextButtonText={"Next"}
      nextButtonStyle={{ backgroundColor: "#06d755" }}
      nextButtonTextStyle={{ color: "#FFF" }}
      prevButtonText={"Prev"}
      prevButtonStyle={{ backgroundColor: "#fa5541" }}
      prevButtonTextStyle={{ color: "#FFF" }}
      endButtonText={"Done"}
      endButtonStyle={{ backgroundColor: "#000" }}
      endButtonTextStyle={{ color: "#FFF" }}
      buttonsContainerStyle={{ marginTop: "auto" }}
      onEnd={(results) => {
        console.log(results);
      }}
      data={data}
    />
  );
};

export default QuizTrueFalseApp;

Properties

Property name	Type	Description
containerStyle	Object	Custom style for the screen container
questionTitleStyle	Object	custom style for the title of the question
trueText	String	default to True
falseText	String	default to False
textStyle	Object	custom style for the text
checkedColor	String	custom color for the checkbox if checked
uncheckedColor	String	custom color for the checkbox if unchecked
responseRequired	Boolean	make the answer mandatory if true. default to false
nextButtonText	String	the text of the next button
nextButtonStyle	Object	Custom for the next button
nextButtonTextStyle	Object	Custom for the title of the next button
prevButtonText	String	the text of the prev button
prevButtonStyle	Object	Custom for the prev button
prevButtonTextStyle	Object	Custom for the title of the prev button
endButtonText	String	the text of the end button
endButtonStyle	Object	Custom for the end button
endButtonTextStyle	Object	Custom for the title of the end button
buttonsContainerStyle	Object	Custom for the container of the next and prev buttons
onEnd	Function	Function to handle the end of the quiz

ISC Licensed