Jhon Andy Ramos Orejon's questions

Good day. I try to put Zoom image (photoview) in the imageAsset, but all the tutorials mention that I should put the asset.image like this: "child: PhotoView(imageProvider: AssetImage("assets/large-image.jpg")"". This is part of my dart code:

class DetailsPageBody extends StatefulWidget {
final Book bookObject;

DetailsPageBody(this.bookObject);

@override
_DetailsPageBodyState createState() =>    _DetailsPageBodyState();
}

class _DetailsPageBodyState extends State<DetailsPageBody> {
@override
Widget build(BuildContext context) {
return Container(
  child: ListView(
    children: <Widget>[
      Stack(
        children: <Widget>[
          Column(
            children: <Widget>[
              TopContainer(widget: widget),
              AuthorContainer(widget: widget),
              Padding(
                padding: EdgeInsets.only(top: 43),
                child: GenreContainer(widget: widget),
              ),
              TabBarContainer(widget: widget),
            ],
          ),
          Positioned(
            left: 25,
            top: 20,
            child: Container(
              height: 260,
              width: MediaQuery.of(context).size.width / 2 - 30,
              child: ClipRRect(
                borderRadius: BorderRadius.circular(0),
                child: Image.asset(widget.bookObject.cover,
                    fit: BoxFit.contain),
              ),
            ),
          )
        ],
      )
    ],
  ),
);
}
}

The issue is that I can't get the "image provider" logic to work or how should I place or rearrange these lines of my code "child: Image.asset(widget.bookObject.cover, fit: BoxFit.contain)," even zoom in on this object-image?

I've already imported the dependency and the photoview package, but I can't get them to deploy.

Hi, I have a flutter project where I can load images from an Image.network. This is my main.dart.

class ShowCase extends StatelessWidget {
const ShowCase({
@required this.wideImage,
@required this.bookObject,
});

final String wideImage;
final Book bookObject;

@override
Widget build(BuildContext context) {
return GestureDetector(
  onTap: () {
    Navigator.push(context,
        MaterialPageRoute(builder: (context) => Details(bookObject)));
  },
  child: Row(
    children: <Widget>[
      Container(
        height: 250,
        width: 350,
        decoration: BoxDecoration(
          borderRadius: BorderRadius.circular(10),
        ),
        child: ClipRRect(
          borderRadius: BorderRadius.circular(10),
          child: Image.network(wideImage, fit: BoxFit.cover),
        ),
      ),
      SizedBox(
        width: 20,
      )
    ],
  ),
);
}
}

class HotList extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Container(
  decoration: BoxDecoration(
      gradient: LinearGradient(
        begin: Alignment.bottomCenter,
        end: Alignment.topCenter,
        colors: [Color(0xfff8f8f8), Colors.white],
      ),
      border:
          Border(bottom: BorderSide(color: Color(0xfff0f0f0), width: 2))),
  padding: EdgeInsets.only(left: 20, right: 20, top: 35, bottom: 15),
  child: Column(
    crossAxisAlignment: CrossAxisAlignment.start,
    children: <Widget>[
      Padding(
        padding: EdgeInsets.only(bottom: 20.0),
        child: Text(
          "Locomotor",
          style: TextStyle(
              color: Colors.black,
              fontSize: 30,
              fontWeight: FontWeight.w600),
        ),
      ),
      Container(
        height: 320,
        child: ListView.builder(
          scrollDirection: Axis.horizontal,
          itemCount: booklist.books.length,
          itemBuilder: (BuildContext context, int i) {
            String title = booklist.books[i].title.length > 17
                ? booklist.books[i].title.substring(0, 15) + "..."
                : booklist.books[i].title;

            if (booklist.books[i].franchise) {
              return Container();
            } else {
              return ShowBooks(
                bookCoverImg: booklist.books[i].cover,
                price: booklist.books[i].price,
                author: booklist.books[i].author,
                title: title,
                bookObject: booklist.books[i],
              );
            }
          },
        ),
      )
    ],
  ),
);
}
}

This is my book.dart where I put the internet link where the image is hosted.

BookList booklist = BookList(books: [
Book(
  title: "Planos anatómicos",
  cover:
      "https://upload.wikimedia.org/wikipedia/en/a/a9/Harry_Potter_and_the_Deathly_Hallows.jpg",
  age: "ALL AGE",
  author: "J. K. Rowling",
  authorImg:
      "https://images.gr-assets.com/authors/1510435123p5/1077326.jpg",
  franchise: true,
  genre: "Locomotor",
  lanugage: "ENGLISH",
  rating: 4.5,
  price: 13.49,
  summary:
      "Without the guidance and protection of their professors, Harry (Daniel Radcliffe), Ron (Rupert Grint) and Hermione (Emma Watson) begin a mission to destroy the Horcruxes, the sources of Voldemort's immortality. Though they must rely on one another more than ever, dark forces threaten to tear them apart. Voldemort's Death Eaters have seized control of the Ministry of Magic and Hogwarts, and they are searching for Harry -- even as he and his friends prepare for the ultimate showdown.",
  wideImage: "https://wallpaperplay.com/walls/full/9/a/9/64844.jpg"),

Book(
  title: "A Song Of Ice And Fire",
  cover:
      "https://upload.wikimedia.org/wikipedia/en/thumb/d/dc/A_Song_of_Ice_and_Fire_book_collection_box_set_cover.jpg/220px-A_Song_of_Ice_and_Fire_book_collection_box_set_cover.jpg",
  age: "ABOVE 18",
  author: "George R. R. Martin",
  authorImg:
      "https://www.biography.com/.image/t_share/MTQ4NDc2MTkxNTY3NzgzMTE1/george_rr_martin_photo_mark_davis_wireimage_via_getty_images_164117282_resized.jpg",
  franchise: true,
  genre: "Sci-Fi",
  lanugage: "ENGLISH",
  price: 27.34,
  rating: 4.4,
  summary:
      "Game of Thrones is roughly based on the storylines of A Song of Ice and Fire, set in the fictional Seven Kingdoms of Westeros and the continent of Essos. The series chronicles the violent dynastic struggles among the realm's noble families for the Iron Throne, while other families fight for independence from it.",
  wideImage:
      "https://images-na.ssl-images-amazon.com/images/I/91KwasehsHL._RI_.jpg"),

class Book {
String title;

double price;
String cover;
String author;
Book(
  {@required this.title,
  @required this.price,

  });
}

What I want is that the image (for example the "authoImage" one) loads me from the assets folder. I mean, I would like the image not to load from the internet, but from my assets folder where I already placed some images. How could I do it? I already added the image asset in the pub spec.yaml ..... ..... ..... ..... ..... ..... ..... ..... . .... ..... .....

I have this Activity (videomedia) and I was able to make it play one of the videos but I don't know how to import the second YouTube video, I have the library imported without problems and with a single video if the app works so far.

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_videomedia);

    youTubePlayerView=(YouTubePlayerView)findViewById(R.id.youtube_view);
    youTubePlayerView.initialize(claveYoutube,this);
}

@Override
public void onInitializationSuccess(YouTubePlayer.Provider provider, YouTubePlayer youTubePlayer, boolean fueRestaurado) {
    if (!fueRestaurado){
        youTubePlayer.cueVideo("N9SPr-xvLGc"); //https://www.youtube.com/watch?v=N9SPr-xvLGc



    }

}

@Override
public void onInitializationFailure(YouTubePlayer.Provider provider, YouTubeInitializationResult youTubeInitializationResult) {


    if (youTubeInitializationResult.isUserRecoverableError()){
        youTubeInitializationResult.getErrorDialog(this, 1).show();
    }else {
        String error = "Error al inicializar Youtube"+youTubeInitializationResult.toString();
        Toast.makeText(getApplication(),error,Toast.LENGTH_LONG).show();

    }
}

protected void onActivityResult(int requestcCode, int resultcode, Intent data){
    if (resultcode==1){
        getYoutubePlayerProvider().initialize(claveYoutube,this);

    }
}

protected YouTubePlayer.Provider getYoutubePlayerProvider(){
    return youTubePlayerView;

}

@Override
public void onPlaying() {

}

@Override
public void onPaused() {

}

@Override
public void onStopped() {

}

@Override
public void onBuffering(boolean b) {

}

@Override
public void onSeekTo(int i) {

}

}

//This is my xml:

xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".videomedia">

first video

<com.google.android.youtube.player.YouTubePlayerView
    android:id="@+id/youtube_view"
    android:layout_width="match_parent"
    android:layout_height="141dp"/>

second video

<com.google.android.youtube.player.
    android:id="@+id/youtube_view2"
    android:layout_width="match_parent"
    android:layout_height="141dp"
    android:layout_alignParentStart="true"
    android:layout_alignParentTop="true"
    android:layout_centerVertical="true"
    android:layout_marginStart="0dp"
    android:layout_marginTop="266dp"/>

The videomedio.java could only be programmed to play the first video, but the second video, how could I do it since that part of the code should repeat the method. When I try to repeat it, the application closes.

So far I only get this:

//This is what I have in my xml string

<resources>
<string name="app_name">MiAmigoTodaro1</string>
<string name="et_nombe">¿Cuál es tu nombre?</string>
<string name="boton">JUGAR</string>


<string name="et_vidas">Huesitos</string>
<string name="jugador_nombre">Jugador:</string>
<string name="total_score">Score: 0</string>
<string name="boton_sumar">Comprobar</string>
<string name="et_respuesta">Respuesta</string>
<string name="tv_pregunta">Pregunta</string>
<string name="button_check">Verifica</string>


<array name="todas_preguntas">
    <item>¿Cuál es el principal musculo inspiratorio?;Pectoral mayor;*Diafragma;Intercostal interno;Intercostal externo</item>
    <item>¿Rama terminal de la arteria carótida externa?;Art. lingual;Art. facial;Art. subclavia;*Art. maxilar</item>
    <item>Par craneal con componente funcional aferente somático;V;*II;III;IV</item>
    <item>dfkmkdfkndsnvl;k;II;*III;IV</item>
    <item>Nervio relacionado a extension del antebrazo;Cubital;*Radial;Musculocutaneo;Mediano</item>
    <item>Inerva el diafragma;Femoral;Mediano;;*Frénico</item>
</array>

//and this is a part of what I have in my main activity 2. I have the alternatives grouped in a radio group. When I hit the verify button it goes to the next question, but in the same order every time I run the app.

public class Main2Activity_Nivel1 extends AppCompatActivity {

private TextView tv_nombre, tv_score;
private ImageView iv_huesitos;
private EditText et_respuesta;
private MediaPlayer mp, mp_baia_baia, mp_ohperdon;

private int ids_respuestas[] ={
        R.id.respuesta1, R.id.respuesta2, R.id.respuesta3, R.id.respuesta4
};


int score, resultado, huesitos = 3;
String nombre_jugador, string_score, string_huesitos;

private int respuesta_correcta;
private int pregunta_actual;
private String[] todas_preguntas;
private TextView tv_pregunta;
private RadioGroup group;



@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main2__nivel1);


    Toast.makeText(this, "Nivel 1 - Cosas grandes", Toast.LENGTH_LONG).show();

    tv_nombre = (TextView)findViewById(R.id.textView_nombre);
    tv_score = (TextView)findViewById(R.id.textView_score);
    iv_huesitos = (ImageView)findViewById(R.id.imageView_vidas);

    nombre_jugador = getIntent().getStringExtra("jugador");
    tv_nombre.setText("Jugador: " + nombre_jugador);


    getSupportActionBar().setDisplayShowHomeEnabled(true);
    getSupportActionBar().setIcon(R.mipmap.ic_launcher);

    mp = MediaPlayer.create(this, R.raw.goats);
    mp.start();
    mp.setLooping(true);

    mp_baia_baia = MediaPlayer.create(this, R.raw.baia_baia);
    mp_ohperdon = MediaPlayer.create(this, R.raw.ohperdon);




    tv_pregunta = (TextView)findViewById(R.id.tv_pregunta);
    group = (RadioGroup)findViewById(R.id.grupo_respuestas);
    Button button_check = (Button)findViewById(R.id.button_check);
    todas_preguntas = getResources().getStringArray(R.array.todas_preguntas);
    pregunta_actual = 0;
    mostrarpregunta();



    // TODO: Cuando clickean al boton deberia pasar a la siguiente pregunta
    button_check.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            int id = group.getCheckedRadioButtonId();
            int respuesta = -1;
            for (int i = 0; i < ids_respuestas.length; i++) {
                if (ids_respuestas[i] == id) {
                    respuesta = i;
                }
            }
            if (respuesta == respuesta_correcta) {
                Toast.makeText(Main2Activity_Nivel1.this, "Muy bien!!", Toast.LENGTH_SHORT).show();
                mp_baia_baia.start();
                score++;
                tv_score.setText("Score: " + score);

            } else{
                Toast.makeText(Main2Activity_Nivel1.this, "incorrecto", Toast.LENGTH_SHORT).show();
                mp_ohperdon.start();
                huesitos--;

                switch (huesitos){
                    case 3:
                        iv_huesitos.setImageResource(R.drawable.craneo3);
                        break;
                    case 2:
                        iv_huesitos.setImageResource(R.drawable.craneo2);
                        break;
                    case 1:
                        iv_huesitos.setImageResource(R.drawable.craneo1);
                        break;
                    case 0:
                        Intent intent = new Intent(view.getContext(), MainActivity.class);
                        startActivity(intent);
                        finish();
                        mp.stop();
                        mp.release();

                        break;
                }

            }

            if (pregunta_actual < todas_preguntas.length-1){
                pregunta_actual++;
                mostrarpregunta();
            }
        }
    });
    // TODO: Molaria tener un boton que pase al anterior
}
private void mostrarpregunta() {
    String p = todas_preguntas[pregunta_actual];
    String[] partes = p.split(";");

    group.clearCheck();
    tv_pregunta.setText(partes[0]);
    for (int i = 0; i < ids_respuestas.length; i++){
        RadioButton rb = (RadioButton)findViewById(ids_respuestas[i]);
        String respuesta = partes[i+1];
        if(respuesta.charAt(0) == '*') {
            respuesta_correcta = i;
            respuesta = respuesta.substring(1);
        }
        rb.setText(respuesta);
    }
}

}

//So far the application works without any problem, but I can only go to the next question (but I always have the same question order. I know that I have to implement the random method, but I don't know where or how, I would appreciate the help of the community